Bläddra i källkod

fix vertical transition for vertically centered slides, vertical centering is now on by default (#70)

Hakim El Hattab 12 år sedan
förälder
incheckning
dce2d35a63
4 ändrade filer med 17 tillägg och 17 borttagningar
  1. 1 1
      README.md
  2. 13 13
      css/reveal.css
  3. 2 2
      js/reveal.js
  4. 1 1
      js/reveal.min.js

+ 1 - 1
README.md

@@ -72,7 +72,7 @@ Reveal.initialize({
 	overview: true,
 
 	// Vertical centering of slides
-	center: false,
+	center: true,
 
 	// Loop the presentation
 	loop: false,

+ 13 - 13
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);
 }
 
 

+ 2 - 2
js/reveal.js

@@ -1,5 +1,5 @@
 /*!
- * reveal.js 2.2 r43
+ * reveal.js 2.2 r44
  * http://lab.hakim.se/reveal-js
  * MIT licensed
  *
@@ -31,7 +31,7 @@ var Reveal = (function(){
 			overview: true,
 
 			// Vertical centering of slides
-			center: false,
+			center: true,
 
 			// Loop the presentation
 			loop: false,

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 1 - 1
js/reveal.min.js


Vissa filer visades inte eftersom för många filer har ändrats