progress bar width set via scale instead of width for perf

This commit is contained in:
Hakim El Hattab
2020-05-20 10:42:55 +02:00
parent 5e49cbdcf7
commit df61f9e1fa
17 changed files with 11 additions and 45 deletions

View File

@ -567,10 +567,12 @@ $controlsArrowAngleActive: 36deg;
.reveal .progress span {
display: block;
height: 100%;
width: 0px;
width: 100%;
background-color: currentColor;
transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
transition: transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
transform-origin: 0 0;
transform: scaleX(0);
}
/*********************************************

View File

@ -299,9 +299,6 @@
background: rgba(0,0,0,0.2);
color: $linkColor;
}
.reveal .progress span {
transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
}
/*********************************************
* PRINT BACKGROUND