From: bozor Date: Tue, 23 Apr 2013 15:43:51 +0000 (+0200) Subject: Added a Zoom-in fragment transition X-Git-Tag: 2.4.0~33^2 X-Git-Url: http://git.tremily.us/?a=commitdiff_plain;h=eb4d02b394a67ca269f24855767bd2e69372c40f;p=reveal.js.git Added a Zoom-in fragment transition --- diff --git a/css/reveal.css b/css/reveal.css index 8265ac3..178f706 100644 --- 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;