fix vertical transition for vertically centered slides, vertical centering is now on by default (#70)
This commit is contained in:
parent
891a66b5c4
commit
dce2d35a63
|
@ -72,7 +72,7 @@ Reveal.initialize({
|
|||
overview: true,
|
||||
|
||||
// Vertical centering of slides
|
||||
center: false,
|
||||
center: true,
|
||||
|
||||
// Loop the presentation
|
||||
loop: false,
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -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,
|
||||
|
|
4
js/reveal.min.js
vendored
4
js/reveal.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user