Browse Source

音符跳动动画

黄琪勇 8 months ago
parent
commit
d88c63f7ab
1 changed files with 3 additions and 27 deletions
  1. 3 27
      src/style.css

+ 3 - 27
src/style.css

@@ -162,37 +162,13 @@ body {
 
 @keyframes noteAnimate {
   0% {
-    scale: 0.4;
-  }
-  10% {
-    scale: 0.6;
-  }
-  20% {
-    scale: 0.8;
-  }
-  30% {
-    scale: 1;
-  }
-  40% {
-    scale: 1.2;
+    transform: scale(1);
   }
   50% {
-    opacity: 1.4;
-  }
-  60% {
-    opacity: 1.6;
-  }
-  70% {
-    opacity: 1.4;
-  }
-  80% {
-    opacity: 1.2;
-  }
-  90% {
-    opacity: 1.1;
+    transform: scale(1.2);
   }
   100% {
-    opacity: 1;
+    transform: scale(1);
   }
 }