prevent flicker on hover

master
Hakim El Hattab 2016-11-10 09:58:47 +01:00
parent 16c03a5b03
commit f8b5813e59
2 changed files with 7 additions and 5 deletions

View File

@ -232,7 +232,8 @@ body {
-webkit-transition: all 0.15s ease, background-color 0.8s ease; -webkit-transition: all 0.15s ease, background-color 0.8s ease;
transition: all 0.15s ease, background-color 0.8s ease; transition: all 0.15s ease, background-color 0.8s ease;
-webkit-transform-origin: 3px 50%; -webkit-transform-origin: 3px 50%;
transform-origin: 3px 50%; } transform-origin: 3px 50%;
will-change: transform; }
.reveal .controls button:before { .reveal .controls button:before {
-webkit-transform: translateX(10.5px) translateY(23px) rotate(44deg); -webkit-transform: translateX(10.5px) translateY(23px) rotate(44deg);
transform: translateX(10.5px) translateY(23px) rotate(44deg); } transform: translateX(10.5px) translateY(23px) rotate(44deg); }
@ -371,9 +372,9 @@ body {
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
height: 20px; height: 10px;
width: 100%; width: 100%;
top: -20px; } top: -10px; }
.reveal .progress span { .reveal .progress span {
display: block; display: block;

View File

@ -299,6 +299,7 @@ body {
transition: all 0.15s ease, background-color 0.8s ease; transition: all 0.15s ease, background-color 0.8s ease;
transform-origin: $thickness/2 50%; transform-origin: $thickness/2 50%;
will-change: transform;
} }
button { button {
@ -453,9 +454,9 @@ body {
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
height: 20px; height: 10px;
width: 100%; width: 100%;
top: -20px; top: -10px;
} }
.reveal .progress span { .reveal .progress span {
display: block; display: block;