애니메이션
Ember Grid
커서가 지나간 격자 셀들이 점등했다가 서서히 소등되는 픽셀 트레일 효과입니다.
- 분류
- 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/EmberGrid-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| cellSize | number | 26 | 한 셀(픽셀)의 한 변 길이(px). 작을수록 격자가 촘촘해집니다. |
| brushRadius | number | 1.6 | 커서 주변 몇 칸까지 점등시킬지 정하는 브러시 반경(셀 단위). |
| fade | number | 0.9 | 점등된 셀이 소등되는 속도(0~1). 클수록 잔상이 오래 남습니다. |
| gap | number | 2 | 셀 사이 간격(px). 값이 클수록 격자 무늬가 또렷해집니다. |
| rounded | boolean | true | 셀을 둥근 도트로 그릴지(true) 사각형으로 그릴지(false) 여부. |