巧水スタイル画像待ち

takumi-style/css/main_ie.css

@@ -735,6 +735,11 @@ sup {
  background-size: cover;
  background-size: cover;
 }
 }
 
 
+#result_plate.randomize {
+ background: url('../images/result/last1.png') 0 0 no-repeat;
+ background-size: cover;
+}
+
 #result_title {
 #result_title {
  width: 50vw;
  width: 50vw;
  line-height: 0;
  line-height: 0;

takumi-style/js/quizMaster.js

@@ -260,6 +260,9 @@ function quizMaster(et) {
  }); //----- sound : click
  }); //----- sound : click
  function returnTop() {
  function returnTop() {
   androidConnect ? alert("playSE#seStop") : console.log("playSE#seStop"); //----------sound : seStop
   androidConnect ? alert("playSE#seStop") : console.log("playSE#seStop"); //----------sound : seStop
+  document.getElementById("result_title").classList.remove("vanish");
+  document.getElementById("result_main").classList.remove("vanish");
+  resultPlate.classList.remove("randomize");
   myObj.hideResult();
   myObj.hideResult();
   topAnime.dispFunc();
   topAnime.dispFunc();
  }
  }
@@ -274,6 +277,10 @@ function quizMaster(et) {
  }); //----- sound : click
  }); //----- sound : click
  function returnSelect() {
  function returnSelect() {
   androidConnect ? alert("playSE#seStop") : console.log("playSE#seStop"); //----------sound : seStop
   androidConnect ? alert("playSE#seStop") : console.log("playSE#seStop"); //----------sound : seStop
+  document.getElementById("result_title").classList.remove("vanish");
+  document.getElementById("result_main").classList.remove("vanish");
+  resultPlate.classList.remove("randomize");
+
   myObj.hideResult();
   myObj.hideResult();
   levelSelectMenu.dispFunc();
   levelSelectMenu.dispFunc();
  }
  }
@@ -342,8 +349,6 @@ function quizMaster(et) {
    scale: [0, 1],
    scale: [0, 1],
    duration: 1000,
    duration: 1000,
    complete: function () {
    complete: function () {
-    //document.getElementById("result_top_button").classList.remove("vanish");
-    //document.getElementById("result_select_button").classList.remove("vanish");
     anime({
     anime({
      targets: "#result_top_button",
      targets: "#result_top_button",
      opacity: [0, 1],
      opacity: [0, 1],
@@ -358,6 +363,32 @@ function quizMaster(et) {
     }); //------ anime
     }); //------ anime
    }
    }
   }); //------ anime
   }); //------ anime
+  setTimeout(function () {
+   document.getElementById("result_title").classList.add("vanish");
+   document.getElementById("result_main").classList.add("vanish");
+   resultPlate.classList.add("randomize");
+   anime({
+    targets: "#result_plate",
+    opacity: [0, 1],
+    easing: "easeOutSine",
+    duration: 500
+   }); //------ anime
+   document.getElementById("result_top_button").classList.remove("vanish");
+   document.getElementById("result_select_button").classList.remove("vanish");
+   anime({
+    targets: "#result_top_button",
+    opacity: [0, 1],
+    easing: "easeOutSine",
+    duration: 500
+   }); //------ anime
+   anime({
+    targets: "#result_select_button",
+    opacity: [0, 1],
+    easing: "easeOutSine",
+    duration: 500
+   }); //------ anime
+  }, 5000);
+
  }
  }