[scss.layout] loading opacity animation

This commit is contained in:
xdrm-brackets 2018-03-14 12:50:58 +01:00
parent 84ecabedd0
commit 30ffe4f9e1
1 changed files with 9 additions and 0 deletions

View File

@ -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;
}
}