버튼 반짝임 효과 적용 .

main
hbyang 2026-01-08 17:36:32 +09:00
parent f8bebdac52
commit 6e4cb4f304
1 changed files with 12 additions and 0 deletions

View File

@ -2322,10 +2322,22 @@
transition: all var(--transition-normal); transition: all var(--transition-normal);
border: none; border: none;
cursor: pointer; cursor: pointer;
animation: button-glow 1.5s ease-in-out infinite;
}
@keyframes button-glow {
0%, 100% {
box-shadow: 0px 4px 24px 0px rgba(174, 114, 249, 0.5);
}
50% {
box-shadow: 0px 4px 28px 0px rgba(174, 114, 249, 0.8), 0px 0px 16px 0px rgba(166, 255, 234, 0.4);
}
} }
.hero-button:hover { .hero-button:hover {
background-color: #9a5ef0; background-color: #9a5ef0;
animation: none;
box-shadow: 0px 4px 32px 0px rgba(174, 114, 249, 0.6);
} }
.hero-button:active { .hero-button:active {