From 082e4ed1686747d9472c4448dc4387084f6238e2 Mon Sep 17 00:00:00 2001 From: Joel Brandt Date: Wed, 16 Jan 2013 12:49:10 -0800 Subject: implement a fade transition --- css/reveal.css | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) (limited to 'css/reveal.css') diff --git a/css/reveal.css b/css/reveal.css index 1e7ab65..0680fa5 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -1046,6 +1046,36 @@ body { ); } +/********************************************* + * FADE TRANSITION + *********************************************/ + +.reveal.fade .slides section, +.reveal.fade .slides>section>section { + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; + + -webkit-transition: opacity 0.5s; + -moz-transition: opacity 0.5s; + -ms-transition: opacity 0.5s; + -o-transition: opacity 0.5s; + transition: opacity 0.5s; +} + + +.reveal.fade.overview .slides section, +.reveal.fade.overview .slides>section>section, +.reveal.fade.exit-overview .slides section, +.reveal.fade.exit-overview .slides>section>section { + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + transition: none; +} /********************************************* * NO TRANSITION -- cgit v1.2.3