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

Add a swoosh

Browse source
This commit is contained in:
Lim Chee Aun 2023-04-23 21:48:49 +08:00
parent bac56a6b4d
commit 151332c47f
1 changed files with 22 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/status.css
View file

@ -1218,6 +1218,28 @@ a.card:is(:hover, :focus) {
.status-badge .pin {
color: var(--red-color);
}
@keyframes swoosh-from-right {
0% {
opacity: 0;
transform: translateX(300%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.status-badge > * {
animation: swoosh-from-right 1s cubic-bezier(0.51, 0.28, 0.16, 1.26) both;
}
.status-badge > *:nth-child(2) {
animation-delay: 0.1s;
}
.status-badge > *:nth-child(3) {
animation-delay: 0.2s;
}
.status-badge > *:nth-child(4) {
animation-delay: 0.3s;
}
/* MISC */