style(ui): brand-divider 애니메이션 10px→50%→10px 24s 주기로 변경
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -146,18 +146,18 @@ a { color: inherit; text-decoration: none; }
|
|||||||
}
|
}
|
||||||
|
|
||||||
.brand-divider {
|
.brand-divider {
|
||||||
width: 48px;
|
width: 10px;
|
||||||
height: 3px;
|
height: 3px;
|
||||||
background: var(--blue);
|
background: var(--blue);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
margin-top: 28px;
|
margin-top: 28px;
|
||||||
animation: divider-breathe 10s ease-in-out infinite;
|
animation: divider-breathe 24s ease-in-out infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes divider-breathe {
|
@keyframes divider-breathe {
|
||||||
0% { width: 48px; }
|
0% { width: 10px; }
|
||||||
50% { width: 100%; }
|
50% { width: 50%; }
|
||||||
100% { width: 48px; }
|
100% { width: 10px; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand-footer {
|
.brand-footer {
|
||||||
|
|||||||
Reference in New Issue
Block a user