Added a Zoom-in fragment transition
authorbozor <bozor@btinternet.com>
Tue, 23 Apr 2013 15:43:51 +0000 (17:43 +0200)
committerbozor <bozor@btinternet.com>
Tue, 23 Apr 2013 15:43:51 +0000 (17:43 +0200)
css/reveal.css

index 8265ac3e3a0a6aa58e2c7c68bbf417fb2f63c6c2..178f706ddda0bf322a2e0927cb3044ae20ccca1e 100644 (file)
@@ -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;