Merge pull request wesbos#116 from apopitich/fix-transition

wesbos · web-flow · commit 6faed6df3f23 · 2017-03-10T07:18:28.000-05:00
fix transition
diff --git a/26 - Stripe Follow Along Nav/index-FINISHED.html b/26 - Stripe Follow Along Nav/index-FINISHED.html
@@ -128,7 +128,7 @@ <h2>Cool</h2>
     border-radius:2px;
     transition: all 0.5s;
     transform: translateY(100px);
-    will-change: transform;
+    will-change: opacity;
     display: none;
   }
 
@@ -149,7 +149,7 @@ <h2>Cool</h2>
     background: #fff;
     border-radius: 4px;
     box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
-    transition:all 0.3s, opacity 0.1s, translate 0.2s;
+    transition:all 0.3s, opacity 0.1s, transform 0.2s;
     transform-origin: 50% 0;
     display: flex;
     justify-content: center;
diff --git a/26 - Stripe Follow Along Nav/index-START.html b/26 - Stripe Follow Along Nav/index-START.html
@@ -128,7 +128,7 @@ <h2>Cool</h2>
     border-radius:2px;
     transition: all 0.5s;
     transform: translateY(100px);
-    will-change: transform;
+    will-change: opacity;
     display: none;
   }
 
@@ -149,7 +149,7 @@ <h2>Cool</h2>
     background: #fff;
     border-radius: 4px;
     box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
-    transition:all 0.3s, opacity 0.1s, translate 0.2s;
+    transition:all 0.3s, opacity 0.1s, transform 0.2s;
     transform-origin: 50% 0;
     display: flex;
     justify-content: center;
