moex/moex-vibe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): add shimmer animation and .skeleton CSS class

Browse Source
This commit is contained in:
Sergey Krylov 2026-06-17 14:42:49 +03:00
parent 4b87eccba4
commit 33199a8749
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
apps/frontend/src/styles.css
View File

@ -33,3 +33,20 @@ a {
color: var(--color-primary); color: var(--color-primary);
text-decoration: none; text-decoration: none;
} }
@keyframes shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.skeleton {
background: linear-gradient(
90deg,
var(--color-bg) 25%,
#f0f0f0 50%,
var(--color-bg) 75%
);
background-size: 200% 100%;
animation: shimmer 1.5s ease-in-out infinite;
border-radius: 4px;
}