Added a Zoom-in fragment transition

12 years ago · eb4d02b394
1 changed files with 20 additions and 0 deletions
--- a/css/reveal.css
+++ b/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;