精品展渐变色文字加入动画效果

src/views/boutique/index.vue

@@ -104,7 +104,7 @@ export default {
       background-image: -webkit-linear-gradient(45deg, #98bcff, #814b02);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
-      -webkit-animation: hue6sinfinitelinear;
+      animation: hue 6s infinite linear;
     }
     > span {
       font-weight: 600;
@@ -187,4 +187,14 @@ export default {
     }
   }
 }
+
+@keyframes hue {
+  from {
+    -webkit-filter: hue-rotate(0deg);
+  }
+
+  to {
+    -webkit-filter: hue-rotate(-360deg);
+  }
+}
 </style>