dos

Public/static/css/index.css

@@ -84,8 +84,8 @@ input::-webkit-input-placeholder {
 }
 
 .home-page .candle-block.animate {
-  animation: fadeInOut 1s ease infinite;
-  -webkit-animation: fadeInOut 1s ease infinite;
+  animation: fadeInOut 1s 1.4s ease infinite;
+  -webkit-animation: fadeInOut 1s 1.4s ease infinite;
 }
 
 .home-page .candle {
@@ -102,6 +102,21 @@ input::-webkit-input-placeholder {
   height: 100%;
 }
 
+.home-scale.animate {
+  animation: homeScale 1s 0.4s ease-out forwards;
+  -webkit-animation: homeScale 1s 0.4s ease-out forwards;
+}
+
+@keyframes homeScale {
+  0% {
+    transform: scale(0) translateY(0) translateX(0);
+  }
+
+  100% {
+    transform: scale(1.42) translateY(4rem) translateX(-0.07rem);
+  }
+}
+
 @keyframes fadeInOut {
 
   0%,

Public/static/js/common.js

@@ -387,12 +387,13 @@ function initPage() {
 function showPage1() {
     if (homeNext) {
         homeNext = false;
-        $('.home-page .candle').css('opacity', 1);
-        $('.home-page .btn-next').removeClass('animate');
-        setTimeout(function () {
-            $('.home-page').fadeOut(300);
-            $('.page1').show();
-        }, 3000);
+        $('.home-hide').fadeOut(300);
+        // $('.home-page .candle').css('opacity', 1);
+        // $('.home-page .btn-next').removeClass('animate');
+        // setTimeout(function () {
+        //     $('.home-page').fadeOut(300);
+        //     $('.page1').show();
+        // }, 3000);
     }
     $('.wrap-inner').prepend($('<div class="font">1</div>'));
 }