Browse Source

rename 'linear' background transition to 'slide'

embed
Hakim El Hattab 12 years ago
parent
commit
c3da106363
  1. 2
      README.md
  2. 20
      css/reveal.css
  3. 2
      css/reveal.min.css
  4. 2
      js/reveal.min.js

2
README.md

@ -264,7 +264,7 @@ Slides are contained withing a limited portion of the screen by default to allow
</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

20
css/reveal.css

@ -1345,8 +1345,8 @@ body {
}
/* Linear sliding transition style */
.reveal[data-background-transition=linear]>.backgrounds .slide-background,
.reveal>.backgrounds .slide-background[data-background-transition=linear] {
.reveal[data-background-transition=slide]>.backgrounds .slide-background,
.reveal>.backgrounds .slide-background[data-background-transition=slide] {
opacity: 1;
-webkit-backface-visibility: hidden;
@ -1360,16 +1360,16 @@ body {
-o-transition-duration: 800ms;
transition-duration: 800ms;
}
.reveal[data-background-transition=linear]>.backgrounds .slide-background.past,
.reveal>.backgrounds .slide-background.past[data-background-transition=linear] {
.reveal[data-background-transition=slide]>.backgrounds .slide-background.past,
.reveal>.backgrounds .slide-background.past[data-background-transition=slide] {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.reveal[data-background-transition=linear]>.backgrounds .slide-background.future,
.reveal>.backgrounds .slide-background.future[data-background-transition=linear] {
.reveal[data-background-transition=slide]>.backgrounds .slide-background.future,
.reveal>.backgrounds .slide-background.future[data-background-transition=slide] {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
@ -1377,16 +1377,16 @@ body {
transform: translate(100%, 0);
}
.reveal[data-background-transition=linear]>.backgrounds .slide-background>.slide-background.past,
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=linear] {
.reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.past,
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=slide] {
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.reveal[data-background-transition=linear]>.backgrounds .slide-background>.slide-background.future,
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=linear] {
.reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.future,
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=slide] {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);

2
css/reveal.min.css

File diff suppressed because one or more lines are too long

2
js/reveal.min.js

@ -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
* MIT licensed
*

Loading…
Cancel
Save