배경
Gradient Mesh
여러 색 점이 서로 다른 리사주 궤도로 흐르며 부드럽게 섞이는 메시 그라데이션 배경. WebGL 풀스크린 셰이더에서 각 색 점의 거리 기반 가우시안 폴오프를 가중 평균으로 합성해 부드러운 색 경계를 만들고, 근-블랙 베이스 위에 블렌딩한다.
- 분류
- 배경
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/GradientMesh-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 메시 첫 번째 색 점 (보라). |
| colorB | string | #EC4899 | 메시 두 번째 색 점 (핑크). |
| colorC | string | #7C3AED | 메시 세 번째 색 점 (보조 강조). |
| bgColor | string | #08060E | 배경 베이스 색 (근-블랙). |
| speed | number | 1.0 | 색 점 이동 속도. |
| radius | number | 0.55 | 방사 그라데이션 확산 반경(클수록 넓게 번짐). |
| className | string | undefined | 컨테이너에 적용할 추가 CSS 클래스. |