diff --git a/app/assets/stylesheets/darkswarm/loading.sass b/app/assets/stylesheets/darkswarm/loading.sass index cebb7edfd3..d2950f07fd 100644 --- a/app/assets/stylesheets/darkswarm/loading.sass +++ b/app/assets/stylesheets/darkswarm/loading.sass @@ -16,7 +16,9 @@ right: 0 @include user-select(none) h1 + -webkit-animation: blurFadeIn 0.8s ease-in-out 0s color: white + font-size: 1.15rem position: fixed text-align: center left: 0 @@ -24,7 +26,6 @@ margin: 0 auto top: 55% width: 100% - height: 400px overflow: visible .loader @@ -55,6 +56,20 @@ li:nth-child(3) -webkit-animation: loadbars 0.6s ease-in-out infinite -0.4s +@-webkit-keyframes blurFadeIn + 0% + opacity: 0 + text-shadow: 0px 0px 10px #fff + -webkit-transform: scale(1.3) + 50% + opacity: 0.5 + text-shadow: 0px 0px 5px #fff + -webkit-transform: scale(1.1) + 100% + opacity: 1 + text-shadow: 0px 0px 0px #fff + -webkit-transform: scale(1) + @-webkit-keyframes 'loadbars' 0% height: 10px