버튼 반짝임 효과 적용 .
parent
f8bebdac52
commit
6e4cb4f304
12
index.css
12
index.css
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue