Threads
Пучок тонких нитей колышется, как пряди в течении: связаны по краям и расходятся в середине. Тянутся к курсору.
зависимости 0файлы tsx + tsпараметры 7react 18+
X 0000 Y 0000↳ Поводите курсором или пальцем
Пульт07 параметров
01color
Цвет нитей.
02count
Количество нитей.
03amplitude
Как сильно колышутся нити.
04spread
Как широко они расходятся.
05thickness
Толщина линий.
06speed
Скорость анимации.
07mouse
Притяжение к курсору.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
color | string | "#b6e24c" | Цвет нитей. |
count | number | 28 | Количество нитей. |
amplitude | number | 1 | Как сильно колышутся нити. |
spread | number | 0.35 | Как широко они расходятся. |
thickness | number | 1 | Толщина линий. |
speed | number | 1 | Скорость анимации. |
mouse | number | 0.5 | Притяжение к курсору. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |