design: 라이브 버튼 이펙트 추가

This commit is contained in:
jhynsoo 2024-07-22 15:13:04 +09:00
parent e9405795d2
commit 0eae6a56de

View File

@ -58,6 +58,20 @@
border: 1px solid var(--border-color);
}
@keyframes glow {
0% {
box-shadow: 0 0 0 0 var(--error-color);
}
50% {
box-shadow: 0 0 12px 0 var(--error-color);
}
100% {
box-shadow: 0 0 0 0 var(--error-color);
}
}
.liveButton {
padding: 12px 16px;
text-align: center;
@ -70,4 +84,5 @@
background-color: var(--error-color);
border: 1px solid var(--error-border);
color: var(--on-error);
animation: glow 4s infinite;
}