Simplified will-change
This commit is contained in:
parent
bcad26a8d1
commit
8cbb56cffe
@ -70,7 +70,7 @@
|
||||
box-shadow: 0 2px 5px black(.5);
|
||||
border: 1px solid white(.5);
|
||||
transition: opacity .3s ease-out, transform .3s ease-out, border-color .3s ease-out;
|
||||
will-change: transform, opacity, border-color;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
&:hover img,
|
||||
|
@ -32,7 +32,7 @@
|
||||
animation-name: zoomIn;
|
||||
animation-duration: .3s;
|
||||
animation-timing-function: $timingBounce;
|
||||
will-change: top, right, bottom, left, margin-top, opacity, transform;
|
||||
will-change: transform;
|
||||
|
||||
&.small {
|
||||
top: 50%;
|
||||
@ -74,7 +74,7 @@
|
||||
opacity: .6;
|
||||
z-index: 2;
|
||||
transition: transform .2s ease-out, opacity .2s ease-out;
|
||||
will-change: transform, opacity;
|
||||
will-change: transform;
|
||||
|
||||
&#previous {
|
||||
left: -1px;
|
||||
|
Loading…
Reference in New Issue
Block a user