呼吸效果

src/views/WhView.vue

@@ -149,6 +149,22 @@
     margin-left: auto;
     margin-right: auto;
     text-align: center;
+    /* 动画效果 */
+    -webkit-animation: ani_sc 8s infinite forwards;
+    animation: ani_sc 8s infinite forwards;
+}
+/**  呼吸效果  */
+@keyframes ani_sc {
+    0%{
+        transform: scale(0.8);
+        transition: all;
+    }
+    50%{
+        transform: scale(1);
+    }
+    100%{
+        transform: scale(0.8);
+    }
 }
 
 .jgbox .jgcon .jgitem span {
@@ -204,6 +220,9 @@
     margin-left: auto;
     margin-right: auto;
     text-align: center;
+    /* 动画效果 */
+    -webkit-animation: ani_sc 5s infinite forwards;
+    animation: ani_sc 5s infinite forwards;    
 }
 
 .dgins .dgins_con .dgitem span {
@@ -215,6 +234,9 @@
 
 .dgins .dgins_con .dgitem .dgival {
     font-size: 1.06rem;
+    /* 动画效果 */
+    -webkit-animation: ani_sc 5s infinite forwards;
+    animation: ani_sc 5s infinite forwards;   
 }
 
 .dgins .dgins_con .dgitem .dgdesc {