dos

Public/static/css/index.css

@@ -94,6 +94,11 @@ input::-webkit-input-placeholder {
   background-size: 100%;
   background-size: 100%;
 }
 }
 
 
+.question-page .point {
+  animation: all 0.5s ease forwards;
+  -webkit-animation: all 0.5s ease forwards;
+}
+
 @-webkit-keyframes fadeOutLeft {
 @-webkit-keyframes fadeOutLeft {
   0% {
   0% {
     opacity: 1
     opacity: 1

Public/static/js/common.js

@@ -83,6 +83,7 @@ function nextQuestion() {
         nowAnswer = '';
         nowAnswer = '';
         $('.question' + nowQuestionIndex + '-block').addClass('fadeoutleft');
         $('.question' + nowQuestionIndex + '-block').addClass('fadeoutleft');
         nowQuestionIndex++;
         nowQuestionIndex++;
+        $('.question-page .point').css('transform', 'translateX(' + 5.5 * (nowQuestionIndex - 1) + 'rem)');
         if (nowQuestionIndex == 5) {
         if (nowQuestionIndex == 5) {
             $('.btn-submit').show();
             $('.btn-submit').show();
             $('.btn-nextquestion').hide();
             $('.btn-nextquestion').hide();