started the new per-slide background implementation (#453)

This commit is contained in:
Hakim El Hattab
2013-06-04 19:42:33 +02:00
parent b67889049a
commit f3f5d7780a
4 changed files with 135 additions and 8 deletions

View File

@ -1255,7 +1255,7 @@ body {
/*********************************************
* BACKGROUND STATES
* BACKGROUND STATES [DEPRECATED]
*********************************************/
.reveal .state-background {
@ -1299,6 +1299,54 @@ body {
}
/*********************************************
*
*********************************************/
.reveal>.background {
position: absolute;
width: 100%;
height: 100%;
}
.reveal>.background div {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
background-color: rgba( 0, 0, 0, 0 );
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
}
.reveal>.background div.present {
opacity: 1;
visibility: visible;
}
/* Global transition speed settings */
.reveal[data-transition-speed="fast"] .background div {
-webkit-transition-duration: 400ms;
-moz-transition-duration: 400ms;
-ms-transition-duration: 400ms;
transition-duration: 400ms;
}
.reveal[data-transition-speed="slow"] .background div {
-webkit-transition-duration: 1200ms;
-moz-transition-duration: 1200ms;
-ms-transition-duration: 1200ms;
transition-duration: 1200ms;
}
/*********************************************
* RTL SUPPORT
*********************************************/

2
css/reveal.min.css vendored

File diff suppressed because one or more lines are too long