上下跳动

src/views/HomeView.vue

@@ -728,6 +728,31 @@ export default {
   padding-top: 0rem;
   /* height: 12.68rem; */
   width: 100%;
+  /* 动画效果 */
+  -webkit-animation: ani_gym 4s infinite forwards;
+  animation: ani_gym 4s infinite forwards;  
+}
+@keyframes ani_gym {
+  0% {
+    opacity: 1;
+    margin-top: 0%;
+  }
+  25% {
+    opacity: 0.7;
+    margin-top: 3%;
+  }
+  50% {
+    opacity: 0.5;
+    margin-top: 5%;
+  }
+  75% {
+    opacity: 0.7;
+    margin-top: 3%;
+  }
+  100% {
+    opacity: 1;
+    margin-top: 0%;
+  }
 }
 
 .gymbox .gympic img {