diff options
Diffstat (limited to 'css/reveal.css')
| -rw-r--r-- | css/reveal.css | 109 |
1 files changed, 102 insertions, 7 deletions
diff --git a/css/reveal.css b/css/reveal.css index 394cc9f..b878b91 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -544,6 +544,8 @@ body { position: relative; width: 100%; height: 100%; + + -ms-touch-action: none; } .reveal .slides { @@ -1243,17 +1245,18 @@ body { left: 0; } -.no-transition { - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; +.reveal .no-transition, +.reveal .no-transition * { + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; } /********************************************* - * BACKGROUND STATES + * BACKGROUND STATES [DEPRECATED] *********************************************/ .reveal .state-background { @@ -1298,6 +1301,98 @@ body { /********************************************* + * + *********************************************/ + +.reveal>.background { + position: absolute; + width: 100%; + height: 100%; +} + .reveal .slide-background { + 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 650ms ease; + -moz-transition: all 650ms ease; + -ms-transition: all 650ms ease; + -o-transition: all 650ms ease; + transition: all 650ms ease; + } + .reveal .slide-background.present { + opacity: 1; + visibility: visible; + } + + .print-pdf .reveal .slide-background { + opacity: 1 !important; + visibility: visible !important; + } + +/* Linear sliding transition style */ +.reveal[data-background-transition=linear]>.background .slide-background { + opacity: 1; + + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; +} + .reveal[data-background-transition=linear]>.background .slide-background.past { + -webkit-transform: translate(-100%, 0); + -moz-transform: translate(-100%, 0); + -ms-transform: translate(-100%, 0); + -o-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } + .reveal[data-background-transition=linear]>.background .slide-background.future { + -webkit-transform: translate(100%, 0); + -moz-transform: translate(100%, 0); + -ms-transform: translate(100%, 0); + -o-transform: translate(100%, 0); + transform: translate(100%, 0); + } + + .reveal[data-background-transition=linear]>.background .slide-background>.slide-background.past { + -webkit-transform: translate(0, -100%); + -moz-transform: translate(0, -100%); + -ms-transform: translate(0, -100%); + -o-transform: translate(0, -100%); + transform: translate(0, -100%); + } + .reveal[data-background-transition=linear]>.background .slide-background>.slide-background.future { + -webkit-transform: translate(0, 100%); + -moz-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + } + + +/* Global transition speed settings */ +.reveal[data-transition-speed="fast"]>.background .slide-background { + -webkit-transition-duration: 300ms; + -moz-transition-duration: 300ms; + -ms-transition-duration: 300ms; + transition-duration: 300ms; +} +.reveal[data-transition-speed="slow"]>.background .slide-background { + -webkit-transition-duration: 900ms; + -moz-transition-duration: 900ms; + -ms-transition-duration: 900ms; + transition-duration: 900ms; +} + + +/********************************************* * RTL SUPPORT *********************************************/ |