Glow Button

쉬움

마우스 호버 시 부드럽게 발광하는 버튼

#hover#css-only#gradient

라이브 데모

코드

GlowButton.tsx
export const GlowButton = () => (
  <button className="glow-button">Hover Me</button>
);
buttons.css
.glow-button:hover {
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.6);
  filter: brightness(1.2);
}