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

Added will-change

Browse Source
This commit is contained in:
Tobias Reich 2015-07-06 16:36:18 +02:00
parent f1ff8bf2b0
commit 1bc8c39209
2 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/styles/_content.scss
View File

@ -70,6 +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;
} }
&:hover img, &:hover img,

2
src/styles/_imageview.scss
View File

@ -32,6 +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;
&.small { &.small {
top: 50%; top: 50%;
@ -73,6 +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;
&#previous { &#previous {
left: -1px; left: -1px;