首页按钮动效提示

src/views/Selectmodel.vue

@@ -26,7 +26,6 @@
       <div class="footer-text1"></div>
       <div class="footer-text2"></div>
     </div>
-
   </div>
 </template>
 
@@ -78,7 +77,7 @@ const goToEmotionsmodel = () => {
   align-items: center;
   /* box-sizing: border-box;
   text-align: center; */
-  background-attachment: fixed
+  background-attachment: fixed;
 }
 
 .main-icon {
@@ -109,6 +108,19 @@ const goToEmotionsmodel = () => {
   align-items: center;
   width: 90vw;
   max-width: 200px;
+  cursor: pointer;
+  animation: breathing 1.5s ease-in-out infinite;
+}
+
+/* 呼吸动效关键帧 */
+@keyframes breathing {
+  0%,
+  100% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.02);
+  }
 }
 
 .btn-icon {
@@ -129,6 +141,7 @@ const goToEmotionsmodel = () => {
   height: 150px;
   width: 100%;
   background-image: url("@/assets/img/Selectmodel/金轮 拷贝.png");
+  z-index: 3;
 }
 
 .btn-ball {