Browse Source

Added a Zoom-in fragment transition

bozor 11 years ago
parent
commit
eb4d02b394
1 changed files with 20 additions and 0 deletions
  1. 20 0
      css/reveal.css

+ 20 - 0
css/reveal.css

@@ -125,6 +125,26 @@ body {
 		        transform: scale( 0.7 );
 	}
 
+.reveal .slides section .fragment.zoom-in {
+	opacity: 0;
+	
+	-webkit-transform: scale( 0.1 );
+	   -moz-transform: scale( 0.1 );
+	    -ms-transform: scale( 0.1 );
+	     -o-transform: scale( 0.1 );
+	        transform: scale( 0.1 );
+}
+
+	.reveal .slides section .fragment.zoom-in.visible {
+		opacity: 1;
+	
+		-webkit-transform: scale( 1 );
+		   -moz-transform: scale( 1 );
+		    -ms-transform: scale( 1 );
+		     -o-transform: scale( 1 );
+			transform: scale( 1 );
+	}
+
 .reveal .slides section .fragment.roll-in {
 	opacity: 0;