动画

questionnaire/src/styles.css

@@ -190,6 +190,7 @@ ul li,ol li{
     width: 100%;
     width: 100%;
     margin: 0 auto;
     margin: 0 auto;
     z-index: 1;
     z-index: 1;
+    animation: slowUp .5s ease both;
 }
 }
 
 
 .toastContent{
 .toastContent{
@@ -199,6 +200,7 @@ ul li,ol li{
     height: 50%;
     height: 50%;
     background-color: #fff;
     background-color: #fff;
     z-index: 20;
     z-index: 20;
+    animation: slowUp .5s ease both;
 }
 }
 .toastContent.city{
 .toastContent.city{
     margin: 0;
     margin: 0;
@@ -277,4 +279,17 @@ ul li,ol li{
     color: #fff;
     color: #fff;
     text-align: center;
     text-align: center;
     line-height: 60px;
     line-height: 60px;
-}
+    animation: slowUp .5s ease both;
\ No newline at end of file
+}
+
+@keyframes slowUp {
+    0% {
+      -webkit-transform: translateY(100%);
+      transform: translateY(100%)
+    }
+  
+    100% {
+      -webkit-transform: translateY(0);
+      transform: translateY(0)
+    }
+  }
\ No newline at end of file