dos

Public/static/css/index.css

@@ -111,7 +111,8 @@ input::-webkit-input-placeholder {
   -webkit-animation: fadeInOut 1s ease infinite;
   -webkit-animation: fadeInOut 1s ease infinite;
 }
 }
 
 
-.home-page .musicgif {
+.home-page .musicgif,
+.fireworksgif {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
 }
 }

Public/static/js/common.js

@@ -266,6 +266,7 @@ $(document).ready(function () {
     });
     });
     // $('.logo').css('top',getTranslateDistance(15));
     // $('.logo').css('top',getTranslateDistance(15));
     $('.gif-block').append('<img class="musicgif" src="' + picUrl + 'music.gif" />');
     $('.gif-block').append('<img class="musicgif" src="' + picUrl + 'music.gif" />');
+    $('.fireworks-gif').append('<img class="fireworksgif" src="' + picUrl + 'fireworks.gif" />');
     $('.btn-music').css('top', 'auto').css('bottom', getTranslateDistance(30, true));
     $('.btn-music').css('top', 'auto').css('bottom', getTranslateDistance(30, true));
     $('.customize-frame').css('top', 'auto').css('bottom', getTranslateDistance(-40, true));
     $('.customize-frame').css('top', 'auto').css('bottom', getTranslateDistance(-40, true));
 
 
@@ -421,6 +422,7 @@ function showPage1() {
         $('.home-page .btn-next').removeClass('animate');
         $('.home-page .btn-next').removeClass('animate');
         setTimeout(function () {
         setTimeout(function () {
             $('.home-page .candle').css('opacity', 1);
             $('.home-page .candle').css('opacity', 1);
+            $('.fireworksgif').fadeIn(200);
             setTimeout(function () {
             setTimeout(function () {
                 $('.home-page').fadeOut(300);
                 $('.home-page').fadeOut(300);
                 $('.page1').show();
                 $('.page1').show();