support for fading in unmatched auto-animate elements

This commit is contained in:
Hakim El Hattab
2020-02-12 14:05:23 +01:00
parent 3cf08624dd
commit 15e6994569
4 changed files with 94 additions and 10 deletions

View File

@ -1226,6 +1226,15 @@ body {
.reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
transition-duration: 1200ms; }
/*********************************************
* AUTO ANIMATE
*********************************************/
.reveal section[data-auto-animate] [data-auto-animate-unmatched="fade-in"] {
opacity: 0; }
.reveal section[data-auto-animate="running"] [data-auto-animate-unmatched="fade-in"] {
opacity: 1; }
/*********************************************
* OVERVIEW
*********************************************/

View File

@ -1310,6 +1310,18 @@ $controlsArrowAngleActive: 36deg;
}
/*********************************************
* AUTO ANIMATE
*********************************************/
.reveal section[data-auto-animate] [data-auto-animate-unmatched="fade-in"] {
opacity: 0;
}
.reveal section[data-auto-animate="running"] [data-auto-animate-unmatched="fade-in"] {
opacity: 1;
}
/*********************************************
* OVERVIEW
*********************************************/