feat: 세션 진행화면 생성
This commit is contained in:
@@ -123,3 +123,28 @@
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
@keyframes twinkle {
|
||||
0%, 100% { opacity: 0.8; transform: scale(1); }
|
||||
50% { opacity: 0.3; transform: scale(0.8); }
|
||||
}
|
||||
.animate-twinkle {
|
||||
animation: twinkle 4s ease-in-out infinite;
|
||||
}
|
||||
.animate-twinkle-delay-1 {
|
||||
animation: twinkle 5s ease-in-out infinite;
|
||||
animation-delay: 1s;
|
||||
}
|
||||
.animate-twinkle-delay-2 {
|
||||
animation: twinkle 6s ease-in-out infinite;
|
||||
animation-delay: 2s;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.animate-twinkle, .animate-twinkle-delay-1, .animate-twinkle-delay-2 {
|
||||
animation: none;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user