support for background transition overrides

This commit is contained in:
Hakim El Hattab
2013-06-18 08:37:06 -04:00
parent b0b6c75629
commit eb5b39e685
4 changed files with 17 additions and 10 deletions

View File

@ -1308,7 +1308,7 @@ body {
/*********************************************
*
* PER-SLIDE BACKGROUNDS
*********************************************/
.reveal>.backgrounds {
@ -1345,7 +1345,8 @@ body {
}
/* Linear sliding transition style */
.reveal[data-background-transition=linear]>.backgrounds .slide-background {
.reveal[data-background-transition=linear]>.backgrounds .slide-background,
.reveal>.backgrounds .slide-background[data-background-transition=linear] {
opacity: 1;
-webkit-backface-visibility: hidden;
@ -1359,14 +1360,16 @@ body {
-o-transition-duration: 800ms;
transition-duration: 800ms;
}
.reveal[data-background-transition=linear]>.backgrounds .slide-background.past {
.reveal[data-background-transition=linear]>.backgrounds .slide-background.past,
.reveal>.backgrounds .slide-background.past[data-background-transition=linear] {
-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[data-background-transition=linear]>.backgrounds .slide-background.future,
.reveal>.backgrounds .slide-background.future[data-background-transition=linear] {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
@ -1374,14 +1377,16 @@ body {
transform: translate(100%, 0);
}
.reveal[data-background-transition=linear]>.backgrounds .slide-background>.slide-background.past {
.reveal[data-background-transition=linear]>.backgrounds .slide-background>.slide-background.past,
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=linear] {
-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[data-background-transition=linear]>.backgrounds .slide-background>.slide-background.future,
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=linear] {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);

2
css/reveal.min.css vendored

File diff suppressed because one or more lines are too long