diff --git a/apps/frontend/src/styles.css b/apps/frontend/src/styles.css index 5db8428..b741b67 100644 --- a/apps/frontend/src/styles.css +++ b/apps/frontend/src/styles.css @@ -33,3 +33,20 @@ a { color: var(--color-primary); 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; +}