arno/lychee
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Simplified will-change

Browse Source
This commit is contained in:
Tobias Reich 2015-07-09 14:34:00 +02:00
parent bcad26a8d1
commit 8cbb56cffe
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/_content.scss
View File

@ -70,7 +70,7 @@
box-shadow: 0 2px 5px black(.5); box-shadow: 0 2px 5px black(.5);
border: 1px solid white(.5); border: 1px solid white(.5);
transition: opacity .3s ease-out, transform .3s ease-out, border-color .3s ease-out; 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, &:hover img,

4
src/styles/_imageview.scss
View File

@ -32,7 +32,7 @@
animation-name: zoomIn; animation-name: zoomIn;
animation-duration: .3s; animation-duration: .3s;
animation-timing-function: $timingBounce; animation-timing-function: $timingBounce;
will-change: top, right, bottom, left, margin-top, opacity, transform; will-change: transform;
&.small { &.small {
top: 50%; top: 50%;
@ -74,7 +74,7 @@
opacity: .6; opacity: .6;
z-index: 2; z-index: 2;
transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out;
will-change: transform, opacity; will-change: transform;
&#previous { &#previous {
left: -1px; left: -1px;