b

src/assets/css/style.css

@@ -29,6 +29,22 @@ body,
     transform: rotate(360deg);
   }
 }
+@keyframes opacity-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes z-index-10to-1 {
+  0% {
+    z-index: 10;
+  }
+  100% {
+    z-index: -1;
+  }
+}
 .flex {
   display: flex;
 }

src/assets/css/style.less

@@ -34,35 +34,55 @@ body,
 	}
 }
 
-.flex{
+@keyframes opacity-in {
+	0% {
+		opacity: 0;
+	}
+
+	100% {
+		opacity: 1;
+	}
+}
+
+@keyframes z-index-10to-1 {
+	0% {
+		z-index: 10;
+	}
+
+	100% {
+		z-index: -1;
+	}
+}
+
+.flex {
 	display: flex;
 }
 
-.flex-center{
+.flex-center {
 	justify-content: center;
 	align-items: center;
 }
 
-.flex-1{
+.flex-1 {
 	flex: 1;
 }
 
-.flex-col{
+.flex-col {
 	flex-direction: column;
 }
 
-.align-center{
+.align-center {
 	align-items: center;
 }
 
-.space-between{
+.space-between {
 	justify-content: space-between;
 }
 
-.justify-center{
+.justify-center {
 	justify-content: center;
 }
 
-.relative{
+.relative {
 	position: relative;
 }