forked from blallo/talk-hm-0x15
prevent flicker on hover
This commit is contained in:
parent
16c03a5b03
commit
f8b5813e59
2 changed files with 7 additions and 5 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue