From eb4d02b394a67ca269f24855767bd2e69372c40f Mon Sep 17 00:00:00 2001 From: bozor Date: Tue, 23 Apr 2013 17:43:51 +0200 Subject: Added a Zoom-in fragment transition --- css/reveal.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) 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; -- cgit v1.2.3