design: 라이브 버튼 이펙트 추가
This commit is contained in:
parent
e9405795d2
commit
0eae6a56de
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user