Skip to content

M
mycard
Commit 44ab360a authored by 神楽坂玲奈's avatar 神楽坂玲奈
Browse files
Options

loading

parent 38b2bb10
Hide whitespace changes
Inline Side-by-side
Showing with 8 additions and 8 deletions
styles.css
View file @ 44ab360a
...@@ -124,14 +124,14 @@ body.resizing /deep/ * { ...@@ -124,14 +124,14 @@ body.resizing /deep/ * {
color:#000; color:#000;
} }
.loading { #loading {
height:100%; height:100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction:column; flex-direction:column;
} }
.loading p{ #loading p{
position:relative; position:relative;
top:-15px; top:-15px;
left:10px; left:10px;
...@@ -141,12 +141,12 @@ body.resizing /deep/ * { ...@@ -141,12 +141,12 @@ body.resizing /deep/ * {
text-shadow: 0 3px 8px rgba(0,0,0,0.1); text-shadow: 0 3px 8px rgba(0,0,0,0.1);
} }
.loading p>span{ #loading p>span{
opacity:0; opacity:0;
} }
.loading p>span:nth-child(1) {animation:show 2s infinite 0.0s linear;} #loading p>span:nth-child(1) {animation:show 2s infinite 0.0s linear;}
.loading p>span:nth-child(2) {animation:show 2s infinite 0.2s linear;} #loading p>span:nth-child(2) {animation:show 2s infinite 0.2s linear;}
.loading p>span:nth-child(3) {animation:show 2s infinite 0.4s linear;} #loading p>span:nth-child(3) {animation:show 2s infinite 0.4s linear;}
@keyframes show{ @keyframes show{
from{} from{}
...@@ -156,10 +156,10 @@ body.resizing /deep/ * { ...@@ -156,10 +156,10 @@ body.resizing /deep/ * {
71% {opacity:0;} 71% {opacity:0;}
to {} to {}
} }
.loading>img{ #loading>img{
width:300px; width:300px;
} }
@keyframes zhuan{ @keyframes zhuan{
from{transform:rotate(0deg);} from{transform:rotate(0deg);}
to {transform:rotate(360deg);} to {transform:rotate(360deg);}
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment