[scss.layout] loading opacity animation
This commit is contained in:
parent
84ecabedd0
commit
30ffe4f9e1
|
@ -19,6 +19,11 @@ body{
|
|||
|
||||
&.loading{
|
||||
|
||||
@keyframes fadein{
|
||||
from{ opacity: 0; }
|
||||
to{ opacity: 1; }
|
||||
}
|
||||
|
||||
background: #dee6ec;
|
||||
|
||||
&:after{
|
||||
|
@ -32,9 +37,13 @@ body{
|
|||
color: #333;
|
||||
font-size: 4vw;
|
||||
|
||||
opacity: 0;
|
||||
|
||||
text-shadow: 2px 2px 0 #fff;
|
||||
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
|
||||
animation: fadein 1s ease-in-out alternate infinite;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue