From f369f6148cb9ade99f67e1ced4cda09f824a6ec7 Mon Sep 17 00:00:00 2001 From: "Dominik V. Salonen" Date: Wed, 14 Mar 2018 13:58:47 +0100 Subject: [PATCH] Muh loading --- style.css | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 7f7f455..c200a4a 100755 --- a/style.css +++ b/style.css @@ -94,16 +94,20 @@ h1, h2, h3, h4, h5, p { .initial-text { font-size: 18pt; text-align: center; - margin-top: 50px; - margin-bottom: 50px; + margin-top: 70px; + margin-bottom: 70px; } .loading { font-size: 26pt; color: #FF5555; text-align: center; - margin-top: 50px; - margin-bottom: 50px; + margin-top: 70px; + margin-bottom: 70px; + animation-name: spin; + animation-duration: 4000ms; + animation-iteration-count: infinite; + animation-timing-function: linear; } .notice { @@ -121,3 +125,8 @@ h1, h2, h3, h4, h5, p { user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } + +@keyframes spin { + from { transform:rotate(0deg); } + to { transform:rotate(360deg); } +} \ No newline at end of file