Browse Source

Simplified will-change

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

+ 1 - 1
src/styles/_content.scss

@@ -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,

+ 2 - 2
src/styles/_imageview.scss

@@ -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;