애니메이션
Crackle Border
콘텐츠 둘레의 둥근 사각 테두리를 따라 다층 난류로 지글거리는 전기·번개 스트로크가 흐르는 Canvas 2D 효과.
- 분류
- 애니메이션
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/CrackleBorder-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| color | string | #C084FC | 전기 코어 주 색상 (바이올렛 기본) |
| glowColor | string | #5EEAD4 | 바깥 발광 헤일로 보조 색상 (틸 기본) |
| radius | number | 18 | 테두리 모서리 둥글기(px) |
| intensity | number | 5 | 지글거림(법선 변위) 세기(px). 클수록 거칠게 튐 (0~24 클램프) |
| speed | number | 1 | 전기가 흐르는 속도 배율 (0~6 클램프) |
| thickness | number | 1.6 | 번개 코어 선 두께(px) (0.5~8 클램프) |