|
|
|
@ -1,9 +1,13 @@
|
|
|
|
|
.app-loading-container {
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-moz-box-orient: vertical;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-moz-box-direction: normal;
|
|
|
|
|
-webkit-box-pack: center;
|
|
|
|
|
-moz-box-pack: center;
|
|
|
|
|
-webkit-box-align: center;
|
|
|
|
|
-moz-box-align: center;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
@ -21,7 +25,9 @@
|
|
|
|
|
.app-loading-one {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
-webkit-animation: dot 1.3s infinite;
|
|
|
|
|
-moz-animation: dot 1.3s infinite;
|
|
|
|
|
-webkit-animation-delay: 0.0s;
|
|
|
|
|
-moz-animation-delay: 0.0s;
|
|
|
|
|
animation: app-loading-dot 1.3s infinite;
|
|
|
|
|
animation-delay: 0.0s;
|
|
|
|
|
}
|
|
|
|
@ -29,7 +35,9 @@
|
|
|
|
|
.app-loading-two {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
-webkit-animation: dot 1.3s infinite;
|
|
|
|
|
-moz-animation: dot 1.3s infinite;
|
|
|
|
|
-webkit-animation-delay: 0.2s;
|
|
|
|
|
-moz-animation-delay: 0.2s;
|
|
|
|
|
animation: app-loading-dot 1.3s infinite;
|
|
|
|
|
animation-delay: 0.2s;
|
|
|
|
|
}
|
|
|
|
@ -37,7 +45,9 @@
|
|
|
|
|
.app-loading-three {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
-webkit-animation: dot 1.3s infinite;
|
|
|
|
|
-moz-animation: dot 1.3s infinite;
|
|
|
|
|
-webkit-animation-delay: 0.3s;
|
|
|
|
|
-moz-animation-delay: 0.3s;
|
|
|
|
|
animation: app-loading-dot 1.3s infinite;
|
|
|
|
|
animation-delay: 0.3s;
|
|
|
|
|
}
|
|
|
|
|