jhynsoo/edufocus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
jhynsoo 2024-07-22 15:13:04 +09:00
parent e9405795d2
commit 0eae6a56de
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/components/LectureHeader/LectureHeader.module.css
View File

@ -58,6 +58,20 @@
border: 1px solid var(--border-color); 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 { .liveButton {
padding: 12px 16px; padding: 12px 16px;
text-align: center; text-align: center;
@ -70,4 +84,5 @@
background-color: var(--error-color); background-color: var(--error-color);
border: 1px solid var(--error-border); border: 1px solid var(--error-border);
color: var(--on-error); color: var(--on-error);
animation: glow 4s infinite;
} }