diff --git a/webpack/scss/layout.scss b/webpack/scss/layout.scss index 61417f2..c84b592 100644 --- a/webpack/scss/layout.scss +++ b/webpack/scss/layout.scss @@ -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; } }