Ribbons
Мягкие ленты гонятся за курсором по области и расходятся веером на поворотах. Когда указатель уходит, продолжают плавать сами.
зависимости 0файлы tsx + tsпараметры 6react 18+
Ведите за собой.
X 0000 Y 0000↳ Поводите или протяните внутри
Пульт06 параметров
01thickness
px
Ширина у головы.
02length
Длина, в точках.
03follow
Меньше — длиннее и ленивее хвосты.
04spread
px
Как далеко друг от друга идут головы.
05taper
Сужаться к хвосту.
06idle
Плавать, когда указатель ушёл.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
thickness | number | 18 | Ширина у головы. |
length | number | 36 | Длина, в точках. |
follow | number | 0.42 | Меньше — длиннее и ленивее хвосты. |
spread | number | 14 | Как далеко друг от друга идут головы. |
taper | boolean | true | Сужаться к хвосту. |
idle | boolean | true | Плавать, когда указатель ушёл. |
colors | string[] | ['#b6e24c', '#edeae3', '#5c7a2a'] | Одна лента на каждый цвет. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |