diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2012-11-10 15:43:22 -0500 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2012-11-10 15:43:32 -0500 |
| commit | dce2d35a633ad8f7fd3390f03293acc7e10e7c47 (patch) | |
| tree | b69ce62873b1cf0ffd05f019e57663f9460c8c10 /css | |
| parent | 891a66b5c41c564e6fd0c180274c1ea9a24774e9 (diff) | |
| download | freenode-live-2017-presentation-dce2d35a633ad8f7fd3390f03293acc7e10e7c47.tar freenode-live-2017-presentation-dce2d35a633ad8f7fd3390f03293acc7e10e7c47.tar.gz | |
fix vertical transition for vertically centered slides, vertical centering is now on by default (#70)
Diffstat (limited to 'css')
| -rw-r--r-- | css/reveal.css | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/css/reveal.css b/css/reveal.css index c08fb1b..7192a2d 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -564,6 +564,11 @@ body { opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); } +.reveal .slides>section { + left: -50%; + top: -50%; +} + .reveal .slides>section.present, .reveal .slides>section>section.present { display: block; @@ -571,11 +576,6 @@ body { opacity: 1; } -.reveal .slides>section { - left: -50%; - top: -50%; -} - .reveal.center, .reveal.center .slides { min-height: auto; @@ -610,19 +610,19 @@ body { display: block; opacity: 0; - -webkit-transform: translate3d(0, -50%, 0) rotateX(70deg) translate3d(0, -50%, 0); - -moz-transform: translate3d(0, -50%, 0) rotateX(70deg) translate3d(0, -50%, 0); - -ms-transform: translate3d(0, -50%, 0) rotateX(70deg) translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0) rotateX(70deg) translate3d(0, -50%, 0); + -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); + -moz-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); + -ms-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); + transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); } .reveal .slides>section>section.future { display: block; opacity: 0; - -webkit-transform: translate3d(0, 50%, 0) rotateX(-70deg) translate3d(0, 50%, 0); - -moz-transform: translate3d(0, 50%, 0) rotateX(-70deg) translate3d(0, 50%, 0); - -ms-transform: translate3d(0, 50%, 0) rotateX(-70deg) translate3d(0, 50%, 0); - transform: translate3d(0, 50%, 0) rotateX(-70deg) translate3d(0, 50%, 0); + -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); + -moz-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); + -ms-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); + transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); } |