refactored and improved auto-animate matcher, supports line-by-line code animations

This commit is contained in:
Hakim El Hattab
2020-02-28 16:13:28 +01:00
parent 345ec01f19
commit e2a2c2c022
4 changed files with 179 additions and 39 deletions

View File

@ -1233,6 +1233,9 @@ body {
/*********************************************
* AUTO ANIMATE
*********************************************/
.reveal [data-auto-animate-target="unmatched"] {
will-change: opacity; }
.reveal section[data-auto-animate]:not(.stack):not([data-auto-animate="running"]) [data-auto-animate-target="unmatched"] {
opacity: 0; }
@ -1515,6 +1518,12 @@ body {
width: 100%;
box-sizing: border-box; }
.reveal pre[data-auto-animate-target] {
overflow: hidden; }
.reveal pre[data-auto-animate-target] code {
height: 100%; }
/*********************************************
* ROLLING LINKS
*********************************************/

View File

@ -1318,6 +1318,10 @@ $controlsArrowAngleActive: 36deg;
* AUTO ANIMATE
*********************************************/
.reveal [data-auto-animate-target="unmatched"] {
will-change: opacity;
}
.reveal section[data-auto-animate]:not(.stack):not([data-auto-animate="running"]) [data-auto-animate-target="unmatched"] {
opacity: 0;
}
@ -1663,6 +1667,13 @@ $controlsArrowAngleActive: 36deg;
box-sizing: border-box;
}
.reveal pre[data-auto-animate-target] {
overflow: hidden;
}
.reveal pre[data-auto-animate-target] code {
height: 100%;
}
/*********************************************
* ROLLING LINKS