mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-17 07:41:35 +03:00
Code Issues Projects Releases Packages Wiki Activity

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 {
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 {
color: var(--outline-color);
animation: skeleton-breathe 6s linear infinite;
user-select: none;
pointer-events: none;
contain: layout;
text-rendering: optimizeSpeed;
}
.status.skeleton > .avatar {
background-color: var(--outline-color);
}