rename 'linear' background transition to 'slide'
This commit is contained in:
parent
eb5b39e685
commit
c3da106363
@ -264,7 +264,7 @@ Slides are contained withing a limited portion of the screen by default to allow
|
|||||||
</section>
|
</section>
|
||||||
```
|
```
|
||||||
|
|
||||||
Backgrounds transition using a fade animation by default. This can be changed to a linear sliding transition by passing ```backgroundTransition: 'linear'``` to the ```Reveal.initialize()``` call.
|
Backgrounds transition using a fade animation by default. This can be changed to a linear sliding transition by passing ```backgroundTransition: 'slide'``` to the ```Reveal.initialize()``` call. Alternatively you can set ```data-background-transition``` on any section with a background to override that specific transition.
|
||||||
|
|
||||||
|
|
||||||
### Internal links
|
### Internal links
|
||||||
|
@ -1345,8 +1345,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Linear sliding transition style */
|
/* Linear sliding transition style */
|
||||||
.reveal[data-background-transition=linear]>.backgrounds .slide-background,
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background,
|
||||||
.reveal>.backgrounds .slide-background[data-background-transition=linear] {
|
.reveal>.backgrounds .slide-background[data-background-transition=slide] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
||||||
-webkit-backface-visibility: hidden;
|
-webkit-backface-visibility: hidden;
|
||||||
@ -1360,16 +1360,16 @@ body {
|
|||||||
-o-transition-duration: 800ms;
|
-o-transition-duration: 800ms;
|
||||||
transition-duration: 800ms;
|
transition-duration: 800ms;
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=linear]>.backgrounds .slide-background.past,
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background.past,
|
||||||
.reveal>.backgrounds .slide-background.past[data-background-transition=linear] {
|
.reveal>.backgrounds .slide-background.past[data-background-transition=slide] {
|
||||||
-webkit-transform: translate(-100%, 0);
|
-webkit-transform: translate(-100%, 0);
|
||||||
-moz-transform: translate(-100%, 0);
|
-moz-transform: translate(-100%, 0);
|
||||||
-ms-transform: translate(-100%, 0);
|
-ms-transform: translate(-100%, 0);
|
||||||
-o-transform: translate(-100%, 0);
|
-o-transform: translate(-100%, 0);
|
||||||
transform: translate(-100%, 0);
|
transform: translate(-100%, 0);
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=linear]>.backgrounds .slide-background.future,
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background.future,
|
||||||
.reveal>.backgrounds .slide-background.future[data-background-transition=linear] {
|
.reveal>.backgrounds .slide-background.future[data-background-transition=slide] {
|
||||||
-webkit-transform: translate(100%, 0);
|
-webkit-transform: translate(100%, 0);
|
||||||
-moz-transform: translate(100%, 0);
|
-moz-transform: translate(100%, 0);
|
||||||
-ms-transform: translate(100%, 0);
|
-ms-transform: translate(100%, 0);
|
||||||
@ -1377,16 +1377,16 @@ body {
|
|||||||
transform: translate(100%, 0);
|
transform: translate(100%, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal[data-background-transition=linear]>.backgrounds .slide-background>.slide-background.past,
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.past,
|
||||||
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=linear] {
|
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=slide] {
|
||||||
-webkit-transform: translate(0, -100%);
|
-webkit-transform: translate(0, -100%);
|
||||||
-moz-transform: translate(0, -100%);
|
-moz-transform: translate(0, -100%);
|
||||||
-ms-transform: translate(0, -100%);
|
-ms-transform: translate(0, -100%);
|
||||||
-o-transform: translate(0, -100%);
|
-o-transform: translate(0, -100%);
|
||||||
transform: translate(0, -100%);
|
transform: translate(0, -100%);
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=linear]>.backgrounds .slide-background>.slide-background.future,
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.future,
|
||||||
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=linear] {
|
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=slide] {
|
||||||
-webkit-transform: translate(0, 100%);
|
-webkit-transform: translate(0, 100%);
|
||||||
-moz-transform: translate(0, 100%);
|
-moz-transform: translate(0, 100%);
|
||||||
-ms-transform: translate(0, 100%);
|
-ms-transform: translate(0, 100%);
|
||||||
|
2
css/reveal.min.css
vendored
2
css/reveal.min.css
vendored
File diff suppressed because one or more lines are too long
2
js/reveal.min.js
vendored
2
js/reveal.min.js
vendored
@ -1,5 +1,5 @@
|
|||||||
/*!
|
/*!
|
||||||
* reveal.js 2.5.0 (2013-06-18, 08:35)
|
* reveal.js 2.5.0 (2013-06-18, 08:38)
|
||||||
* http://lab.hakim.se/reveal-js
|
* http://lab.hakim.se/reveal-js
|
||||||
* MIT licensed
|
* MIT licensed
|
||||||
*
|
*
|
||||||
|
Loading…
Reference in New Issue
Block a user