컴포넌트
Button Glitch
호버 또는 포커스 시 라벨 텍스트가 시안/마젠타 채널로 분리되며 지지직 떨리는 RGB 글리치 버튼입니다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ButtonGlitch-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| label | string | "GLITCH" | Button label text that receives the glitch effect. |
| intensity | number | 4 | Maximum RGB-split offset in pixels; higher means stronger channel separation. |
| glitchInterval | number | 70 | Frame update interval in ms for the glitch loop (clamped to a 24ms lower bound). |
| channelColorA | string | "#5EEAD4" | Color of the first ghost channel layer (cyan/mint recommended). |
| channelColorB | string | "#EC4899" | Color of the second ghost channel layer (magenta recommended). |
| onClick | () => void | undefined | Click callback invoked when the button is pressed. |