Suggestion: Cradle loader smoother animation

I think with these timing functions the animation of the loader looks less rigid.
ashr4f1arr2ad · May 9, 2019 · 3f935bf · 3f935bf
1 parent d459123
commit 3f935bf
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/effects/loader-cradle.vue b/effects/loader-cradle.vue
@@ -24,12 +24,12 @@
 
 .balls div:nth-of-type(1) {
   transform: translateX(-100%);
-  animation: left-swing 0.5s linear alternate infinite;
+  animation: left-swing 0.5s ease-in alternate infinite;
 }
 
 .balls div:nth-of-type(3) {
   transform: translateX(-95%);
-  animation: right-swing 0.5s linear alternate infinite;
+  animation: right-swing 0.5s ease-out alternate infinite;
 }
 
 @keyframes left-swing {
@@ -47,4 +47,4 @@
     transform: translateX(100%);
   }
 }
-</style>
+</style>