КурсорыProНовое
Прожектор
Мягкое пятно света идёт за курсором внутри карточки и подсвечивает её рамку.
Настройки
fromColor
viaColor
toColor
Основано на Spotlight (MIT лицензия) · Условия использования
Параметры
6 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| size | number | 200 | Диаметр пятна света в пикселях. |
| springOptions | SpringOptions | "{ bounce: 0 }" | Настройки пружины Motion: как пятно догоняет курсор. |
| className | string | — | Классы пятна. Цвет задают fromColor, viaColor и toColor. |
| fromColor | string | "#fafafa" | Цвет в центре пятна света. |
| viaColor | string | "#f4f4f5" | Цвет на полпути к краю. |
| toColor | string | "#e4e4e7" | Цвет у мягкого края, перед тем как свет гаснет. |
Зависимости
Пакетов: 3
npm install motion clsx tailwind-merge