Browse Source

4个菜单按钮给出来后
又重新再跳一次

351035557@qq.com 5 năm trước cách đây
mục cha
commit
ac11e0f325
2 tập tin đã thay đổi với 42 bổ sung12 xóa
  1. 31 1
      minigame/WebContent/css/main.css
  2. 11 11
      minigame/WebContent/index.html

+ 31 - 1
minigame/WebContent/css/main.css

@@ -495,6 +495,36 @@ img {
        -o-animation-delay: 3s;
           animation-delay: 3s; }
 
+.delay16 {
+  -webkit-animation-delay: 3.2s;
+     -moz-animation-delay: 3.2s;
+       -o-animation-delay: 3.2s;
+          animation-delay: 3.2s; }
+
+.delay17 {
+  -webkit-animation-delay: 3.4s;
+     -moz-animation-delay: 3.4s;
+       -o-animation-delay: 3.4s;
+          animation-delay: 3.4s; }
+
+.delay18 {
+  -webkit-animation-delay: 3.6s;
+     -moz-animation-delay: 3.6s;
+       -o-animation-delay: 3.6s;
+          animation-delay: 3.6s; }
+
+.delay19 {
+  -webkit-animation-delay: 3.8s;
+     -moz-animation-delay: 3.8s;
+       -o-animation-delay: 3.8s;
+          animation-delay: 3.8s; }
+
+.delay20 {
+  -webkit-animation-delay: 4s;
+     -moz-animation-delay: 4s;
+       -o-animation-delay: 4s;
+          animation-delay: 4s; }
+
 .time0 {
   -webkit-animation-duration: 0s;
      -moz-animation-duration: 0s;
@@ -656,7 +686,7 @@ img {
   height: 100vh;
   margin-left: -5rem;
   background: url(../img/loading/bg.jpg) no-repeat 0 0/cover;
-  z-index: 100;
+  z-index: 120;
   /*display: none;*/ }
   .loading .curtain-box {
     position: absolute;

+ 11 - 11
minigame/WebContent/index.html

@@ -57,17 +57,17 @@
         <img src="./img/menu_tt.png" class="tt fadeIn time4 animated js-an">
         <div class="list">
             <div class="item bounceIn time3 animated js-an delay3">
-                <img src="./img/menu1.png">
-            </div>
-            <div class="item bounceIn time3 animated js-an delay4">
-                <img src="./img/menu2.png">
-            </div>
-            <div class="item bounceIn time3 animated js-an delay5">
-                <img src="./img/menu3.png">
-            </div>
-            <div class="item bounceIn time3 animated js-an delay6">
-                <img src="./img/menu4.png">
-            </div>
+                    <img src="./img/menu1.png" class="animated js-an pulse time4 delay11">
+                </div>
+                <div class="item bounceIn time3 animated js-an delay4">
+                    <img src="./img/menu2.png" class="animated js-an pulse time4 delay12">
+                </div>
+                <div class="item bounceIn time3 animated js-an delay5">
+                    <img src="./img/menu3.png" class="animated js-an pulse time4 delay13">
+                </div>
+                <div class="item bounceIn time3 animated js-an delay6">
+                    <img src="./img/menu4.png" class="animated js-an pulse time4 delay14">
+                </div>
         </div>
         <div class="confirm anim-btn"></div>
     </div>