Mesh Gradient
Четыре цвета дрейфуют, закручиваются друг в друга и тянутся к курсору — живой меш-градиент с лёгким зерном плёнки.
зависимости 0файлы tsx + tsпараметры 6react 18+
X 0000 Y 0000
Пульт06 параметров
01colors
Четыре цвета.
02speed
Скорость анимации.
03warp
Насколько цвета закручиваются.
04scale
Размер завихрений: больше — мельче и активнее.
05grain
Зерно плёнки.
06mouse
Насколько первый цвет следует за курсором.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
colors | string[] | ["#b6e24c","#1f4d3f","#0e1512","#5c7a2a"] | Четыре цвета. |
speed | number | 1 | Скорость анимации. |
warp | number | 0.6 | Насколько цвета закручиваются. |
scale | number | 1.6 | Размер завихрений: больше — мельче и активнее. |
grain | number | 0.06 | Зерно плёнки. |
mouse | number | 0.35 | Насколько первый цвет следует за курсором. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |