Magnet
Оберните что угодно — элемент потянется к курсору, когда тот рядом, и пружинисто вернётся, когда уйдёт.
зависимости 0файлы tsxпараметры 6react 18+
X 0000 Y 0000↳ Поднесите курсор или палец
Пульт06 параметров
01padding
px
Зона притяжения вокруг элемента.
02strength
1 — прилипает к курсору, 0 — не двигается.
03tilt
deg
Наклон в сторону курсора.
04activeDuration
ms
Плавность при следовании.
05releaseDuration
ms
Плавность при возврате.
06disabled
Выключить эффект.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
padding | number | 80 | Зона притяжения вокруг элемента. |
strength | number | 0.35 | 1 — прилипает к курсору, 0 — не двигается. |
tilt | number | 6 | Наклон в сторону курсора. |
activeDuration | number | 250 | Плавность при следовании. |
releaseDuration | number | 700 | Плавность при возврате. |
disabled | boolean | false | Выключить эффект. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |