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 {
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 */