mti
/
ptut-vhost
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
webpack/scss/layout.scss
View File

@ -19,6 +19,11 @@ body{
&.loading{ &.loading{
@keyframes fadein{
from{ opacity: 0; }
to{ opacity: 1; }
}
background: #dee6ec; background: #dee6ec;
&:after{ &:after{
@ -32,9 +37,13 @@ body{
color: #333; color: #333;
font-size: 4vw; font-size: 4vw;
opacity: 0;
text-shadow: 2px 2px 0 #fff; text-shadow: 2px 2px 0 #fff;
transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
animation: fadein 1s ease-in-out alternate infinite;
} }
} }