mirror of
https://github.com/flynx/pWiki.git
synced 2025-10-29 18:10:09 +00:00
tweaking the spinner...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
parent
89301d116f
commit
b3f40b54f5
15
pwiki2.html
15
pwiki2.html
@ -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 */
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user