tweaking the spinner...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-02-17 03:15:05 +03:00
parent 89301d116f
commit b3f40b54f5

View File

@ -126,12 +126,17 @@ body:not(.loading) .page.spinner {
} }
body.loading .page.spinner { body.loading .page.spinner {
opacity: 0.9; opacity: 0.9;
animation: fadein 1s 1; animation: none;
} }
body.loading .page.spinner span { body.loading .page.spinner span {
font-size: 4em; font-size: 4em;
/*
animation: loading 2s infinite ; animation: loading 2s infinite ;
animation-delay: calc(0.2s * var(--i)); animation-delay: calc(0.2s * var(--i));
*/
transform: rotateY(90deg);
animation: loading-ninty 2s infinite ;
animation-delay: calc(0.2s * var(--i));
} }
@keyframes fadein { @keyframes fadein {
from { from {
@ -149,6 +154,14 @@ body.loading .page.spinner span {
transform: rotateY(360deg); transform: rotateY(360deg);
} }
} }
@keyframes loading-ninty {
0% {
transform: rotateY(90deg);
}
98% {
transform: rotateY(360deg);
}
}
/* TOC */ /* TOC */