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

Merge pull request #81 from TeamBNBN/fe/liveButtonGlow

Browse Source 
[Front-End] design: 라이브 버튼 이펙트 추가
This commit is contained in:
Jo Hyeonsoo 2024-07-22 15:21:48 +09:00 committed by GitHub
commit 1227e6501c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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);
}
@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;
}