diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2012-10-13 10:28:34 -0400 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2012-10-13 10:28:34 -0400 |
| commit | 6619bc62bdde24bf79769c5ed63ac931e127d7f6 (patch) | |
| tree | 2dc80e5a0bdf7a3f96649f88f89f98144d82eeff /css | |
| parent | bb47678b27b3e1600009e664da9b19bce92f4839 (diff) | |
| download | freenode-live-2017-presentation-6619bc62bdde24bf79769c5ed63ac931e127d7f6.tar freenode-live-2017-presentation-6619bc62bdde24bf79769c5ed63ac931e127d7f6.tar.gz | |
add zoom transition
Diffstat (limited to 'css')
| -rw-r--r-- | css/reveal.css | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/css/reveal.css b/css/reveal.css index 00f7920..358d954 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -538,6 +538,56 @@ body { /********************************************* + * ZOOM TRANSITION + *********************************************/ + +.reveal.zoom .slides>section, +.reveal.zoom .slides>section>section { + -webkit-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + -moz-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + -ms-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + -o-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985); +} + +.reveal.zoom .slides>section.past { + opacity: 0; + visibility: hidden; + + -webkit-transform: scale(16); + -moz-transform: scale(16); + -ms-transform: scale(16); + -o-transform: scale(16); + transform: scale(16); +} +.reveal.zoom .slides>section.future { + opacity: 0; + visibility: hidden; + + -webkit-transform: scale(0.2); + -moz-transform: scale(0.2); + -ms-transform: scale(0.2); + -o-transform: scale(0.2); + transform: scale(0.2); +} + +.reveal.zoom .slides>section>section.past { + -webkit-transform: translate(0, -150%); + -moz-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); +} +.reveal.zoom .slides>section>section.future { + -webkit-transform: translate(0, 150%); + -moz-transform: translate(0, 150%); + -ms-transform: translate(0, 150%); + -o-transform: translate(0, 150%); + transform: translate(0, 150%); +} + + +/********************************************* * LINEAR TRANSITION *********************************************/ |