dos

Public/static/css/index.css

@@ -76,4 +76,33 @@ input::-webkit-input-placeholder {
 /* question-page */
 .question-page .question-img-block {
   transform-origin: 50% 100%;
+}
+
+.fadeoutleft {
+  animation: fadeOutLeft 1s ease-in forwards;
+  -webkit-animation: fadeOutLeft 1s ease-in forwards;
+}
+
+@-webkit-keyframes fadeOutLeft {
+  0% {
+    opacity: 1
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0)
+  }
+}
+
+@keyframes fadeOutLeft {
+  0% {
+    opacity: 1
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0)
+  }
 }
\ No newline at end of file

Public/static/js/common.js

@@ -83,7 +83,7 @@ function nextQuestion() {
         $('#notification_area').remove();
         my_notify('请选择答案');
     }
-    console.log(answerArr);
+    $('.question' + nowQuestionIndex + '-block').addClass('fadeoutleft');
 
 }