КурсорыProНовое
Дымный след
За курсором тянется мягкий дым и медленно растворяется. Слой прозрачный, его можно положить поверх любого блока.
Настройки
color
Компонент Codearia · Условия использования
Параметры
8 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| color | string | "#f5f5f5" | Цвет дыма. |
| radius | number | 0.05 | Толщина следа, доля высоты блока. |
| persistence | number | 0.6 | Как долго держится дым. |
| turbulence | number | 1 | Сила завихрений. |
| opacity | number | 0.85 | Непрозрачность дыма. |
| autoDemo | boolean | true | Рисовать восьмёрку, пока курсор не двигался. |
| children | ReactNode | — | Содержимое поверх эффекта. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 3
npm install ogl clsx tailwind-merge