Browse Source

Added will-change

Tobias Reich 8 years ago
parent
commit
1bc8c39209
2 changed files with 3 additions and 0 deletions
  1. 1 0
      src/styles/_content.scss
  2. 2 0
      src/styles/_imageview.scss

+ 1 - 0
src/styles/_content.scss

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

+ 2 - 0
src/styles/_imageview.scss

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