텍스트 애니메이션
Neon Text
네온 사인처럼 text-shadow 글로우가 은은히 맥동하거나 오래된 네온관처럼 불규칙하게 깜빡이는 텍스트 효과입니다. 순수 CSS keyframe만 사용하며, 색상·속도·글로우 강도·깜빡임 모드를 자유롭게 조절할 수 있습니다.
- 분류
- 텍스트 애니메이션
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/NeonText-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| children | ReactNode | - | 네온으로 표시할 텍스트/노드. |
| color | string | "#FDF4FF" | 글자 본체 색상. |
| glowColor | string | "#C084FC" | 글로우(text-shadow) 색상. Vivid Kit 바이올렛 기본값. |
| speed | number | 3 | 한 맥동 사이클 시간(초). 작을수록 빠르게 깜빡입니다. |
| intensity | number | 1 | 글로우 강도 배율. 클수록 번짐이 넓고 밝아집니다. |
| flicker | boolean | false | true면 오래된 네온관처럼 불규칙하게 깜빡이고, false면 은은한 맥동만 합니다. |
| className | string | undefined | 추가 Tailwind/CSS 클래스(폰트 크기·굵기 등). |