From f3f5d7780afda0e419a55e16cda522321b0e2c3e Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Tue, 4 Jun 2013 19:42:33 +0200 Subject: started the new per-slide background implementation (#453) --- css/reveal.css | 50 +++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 49 insertions(+), 1 deletion(-) (limited to 'css/reveal.css') diff --git a/css/reveal.css b/css/reveal.css index 92d41a0..59d3c45 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -1255,7 +1255,7 @@ body { /********************************************* - * BACKGROUND STATES + * BACKGROUND STATES [DEPRECATED] *********************************************/ .reveal .state-background { @@ -1299,6 +1299,54 @@ body { } +/********************************************* + * + *********************************************/ + +.reveal>.background { + position: absolute; + width: 100%; + height: 100%; +} + .reveal>.background div { + position: absolute; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + + background-color: rgba( 0, 0, 0, 0 ); + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: cover; + + -webkit-transition: all 800ms ease; + -moz-transition: all 800ms ease; + -ms-transition: all 800ms ease; + -o-transition: all 800ms ease; + transition: all 800ms ease; + } + .reveal>.background div.present { + opacity: 1; + visibility: visible; + } + + +/* Global transition speed settings */ +.reveal[data-transition-speed="fast"] .background div { + -webkit-transition-duration: 400ms; + -moz-transition-duration: 400ms; + -ms-transition-duration: 400ms; + transition-duration: 400ms; +} +.reveal[data-transition-speed="slow"] .background div { + -webkit-transition-duration: 1200ms; + -moz-transition-duration: 1200ms; + -ms-transition-duration: 1200ms; + transition-duration: 1200ms; +} + + /********************************************* * RTL SUPPORT *********************************************/ -- cgit v1.2.3