浏览代码

feat: 修改动画

year 3 月之前
父节点
当前提交
4e0217f8e1
共有 1 个文件被更改,包括 26 次插入0 次删除
  1. 26 0
      src/components/Manufacturer/style.module.scss

+ 26 - 0
src/components/Manufacturer/style.module.scss

@@ -10,6 +10,7 @@
         transform: translateY(-50%) rotate(180deg);
         transform: translateY(-50%) rotate(180deg);
         padding: 0.1rem;
         padding: 0.1rem;
         color: #d76bff;
         color: #d76bff;
+        animation: transformL 1s linear infinite;
     }
     }
     .right {
     .right {
         position: absolute;
         position: absolute;
@@ -18,6 +19,7 @@
         transform: translateY(-50%);
         transform: translateY(-50%);
         padding: 0.1rem;
         padding: 0.1rem;
         color: #d76bff;
         color: #d76bff;
+        animation: transformR 1s linear infinite;
     }
     }
 }
 }
 .manufactureritem {
 .manufactureritem {
@@ -49,3 +51,27 @@
         }
         }
     }
     }
 }
 }
+
+@keyframes transformR {
+    0% {
+        right: 0;
+    }
+    90% {
+        right: -10px;
+    }
+    100% {
+        right: 0;
+    }
+}
+
+@keyframes transformL {
+    0% {
+        left: 0;
+    }
+    90% {
+        left: -10px;
+    }
+    100% {
+        left: 0;
+    }
+}