样式微调

css/new/index.css

@@ -60,7 +60,7 @@ body {
     position: absolute;
     top: 5.4rem;
     left: 50%;
-    transform: translateX( -50%);
+    transform: translateX( -50%) scale(1.2);
     z-index: 10;
 }
 
@@ -128,6 +128,7 @@ body {
     position: absolute;
     top: 2rem;
     left: -0.4rem;
+    animation: mBreath 8s linear infinite;
 }
 
 .bubble2 {
@@ -138,6 +139,7 @@ body {
     position: absolute;
     top: 1.6rem;
     left: 7rem;
+    animation: mBreath 6s linear infinite;
 }
 
 .bubble3 {
@@ -148,6 +150,7 @@ body {
     position: absolute;
     top: 8rem;
     right: -0.4rem;
+    animation: mBreath 10s linear infinite;
 }
 
 .bubble4 {
@@ -157,9 +160,21 @@ body {
     background-size: contain;
     position: absolute;
     top: 14rem;
-    left: -0.2rem;
+    left: -0.3rem;
+    animation: mBreath 7s linear infinite;
 }
 
+@keyframes mBreath {
+    0%{
+        transform: scale(1);
+    }
+    50%{
+        transform: scale(0.8);
+    }
+    100%{
+        transform: scale(1);
+    }
+}
 
 .recommendBox {
     /* width: 10rem;