From b3f40b54f58d181b1aef0c64561d568ed9ad2689 Mon Sep 17 00:00:00 2001 From: "Alex A. Naanou" Date: Fri, 17 Feb 2023 03:15:05 +0300 Subject: [PATCH] tweaking the spinner... Signed-off-by: Alex A. Naanou --- pwiki2.html | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/pwiki2.html b/pwiki2.html index 6297388..f04dd1b 100755 --- a/pwiki2.html +++ b/pwiki2.html @@ -126,12 +126,17 @@ body:not(.loading) .page.spinner { } body.loading .page.spinner { opacity: 0.9; - animation: fadein 1s 1; + animation: none; } body.loading .page.spinner span { font-size: 4em; + /* animation: loading 2s infinite ; animation-delay: calc(0.2s * var(--i)); + */ + transform: rotateY(90deg); + animation: loading-ninty 2s infinite ; + animation-delay: calc(0.2s * var(--i)); } @keyframes fadein { from { @@ -149,6 +154,14 @@ body.loading .page.spinner span { transform: rotateY(360deg); } } +@keyframes loading-ninty { + 0% { + transform: rotateY(90deg); + } + 98% { + transform: rotateY(360deg); + } +} /* TOC */