diff options
| author | Hakim El Hattab <hakim@squarespace.com> | 2013-06-04 19:42:33 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim@squarespace.com> | 2013-06-04 19:42:33 +0200 |
| commit | f3f5d7780afda0e419a55e16cda522321b0e2c3e (patch) | |
| tree | 6f4d31fab2747f978495ba3077555606b1fdd07e /css/reveal.css | |
| parent | b67889049af3f5e66f2a8bfc5c7f9dea85b10932 (diff) | |
| download | fosdem-2018-presentation-f3f5d7780afda0e419a55e16cda522321b0e2c3e.tar fosdem-2018-presentation-f3f5d7780afda0e419a55e16cda522321b0e2c3e.tar.gz | |
started the new per-slide background implementation (#453)
Diffstat (limited to 'css/reveal.css')
| -rw-r--r-- | css/reveal.css | 50 |
1 files changed, 49 insertions, 1 deletions
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 { @@ -1300,6 +1300,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 *********************************************/ |