Fix webkit animation quality.

xavisavvy · Jul 11, 2015 · 565c6a6 · 565c6a6
1 parent 96f1512
commit 565c6a6
Showing 1 changed file with 20 additions and 19 deletions.
diff --git a/preview/scss/_welcome.scss b/preview/scss/_welcome.scss
@@ -58,18 +58,19 @@
     position: absolute;
     left: 50%;
     top: 50%;
-    width: 70px;
-    height: 70px;
-    margin-left: -1px;
-    margin-top: -1px;
+    width: 80px;
+    height: 80px;
+    margin-left: -40px;
+    margin-top: -40px;
 
     span {
       background: #348eda;
       background: rgba(52, 142, 218, 0);
       border-radius: 100%;
       display: block;
-      width: 2px;
-      height: 2px;
+      width: 80px;
+      height: 80px;
+      transform: scale(.2);
       animation-name: wilkomen;
       animation-duration: 1.8s;
       animation-iteration-count: infinite;
@@ -79,19 +80,19 @@
       animation-delay: .9s;
     }
   }
+}
 
-  @keyframes wilkomen {
-    0%   {}
-    25%  { 
-      background: rgba(52, 142, 218, 1); 
-    }
-    50%  { 
-      background: transparent; 
-      box-shadow: inset 0 0 2px rgba(52, 142, 218, 1);
-    }
-    100% { 
-      transform: scale(40,40); 
-      box-shadow: inset 0 0 2px rgba(52, 142, 218, 0);
-    }
+@keyframes wilkomen {
+  0%   { }
+  25%  { 
+    background: rgba(52, 142, 218, 1); 
+  }
+  50%  { 
+    background: transparent; 
+    box-shadow: inset 0 0 2px rgba(52, 142, 218, 1);
+  }
+  100% { 
+    transform: scale(1,1); 
+    box-shadow: inset 0 0 2px rgba(52, 142, 218, 0);
   }
 }