simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Animate skeleton

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-25 00:26:47 +08:00
parent a18659ee27
commit 7f9742b50a
1 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/status.css
View file

@ -79,12 +79,26 @@
.status.large.visibility-direct { .status.large.visibility-direct {
background-image: var(--fade-in-out-bg), var(--yellow-stripes); background-image: var(--fade-in-out-bg), var(--yellow-stripes);
} }
@keyframes skeleton-breathe {
0% {
opacity: 1;
}
40% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
.status.skeleton { .status.skeleton {
color: var(--outline-color); color: var(--outline-color);
animation: skeleton-breathe 6s linear infinite;
user-select: none; user-select: none;
pointer-events: none; pointer-events: none;
contain: layout;
text-rendering: optimizeSpeed;
} }
.status.skeleton > .avatar { .status.skeleton > .avatar {
background-color: var(--outline-color); background-color: var(--outline-color);
} }