From dce2d35a633ad8f7fd3390f03293acc7e10e7c47 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Sat, 10 Nov 2012 15:43:22 -0500
Subject: fix vertical transition for vertically centered slides, vertical
centering is now on by default (#70)
---
css/reveal.css | 26 +++++++++++++-------------
1 file changed, 13 insertions(+), 13 deletions(-)
(limited to 'css')
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);
}
--
cgit v1.2.3