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;
|
||||
transition: all 0.15s ease, background-color 0.8s ease;
|
||||
-webkit-transform-origin: 3px 50%;
|
||||
transform-origin: 3px 50%; }
|
||||
transform-origin: 3px 50%;
|
||||
will-change: transform; }
|
||||
.reveal .controls button:before {
|
||||
-webkit-transform: translateX(10.5px) translateY(23px) rotate(44deg);
|
||||
transform: translateX(10.5px) translateY(23px) rotate(44deg); }
|
||||
|
@ -371,9 +372,9 @@ body {
|
|||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: 20px;
|
||||
height: 10px;
|
||||
width: 100%;
|
||||
top: -20px; }
|
||||
top: -10px; }
|
||||
|
||||
.reveal .progress span {
|
||||
display: block;
|
||||
|
|
|
@ -299,6 +299,7 @@ body {
|
|||
|
||||
transition: all 0.15s ease, background-color 0.8s ease;
|
||||
transform-origin: $thickness/2 50%;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
button {
|
||||
|
@ -453,9 +454,9 @@ body {
|
|||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: 20px;
|
||||
height: 10px;
|
||||
width: 100%;
|
||||
top: -20px;
|
||||
top: -10px;
|
||||
}
|
||||
.reveal .progress span {
|
||||
display: block;
|
||||
|
|
Loading…
Reference in a new issue