АнимацииНовое
Свет по рамке
Короткий отрезок света обегает рамку карточки по кругу. Подходит для состояния загрузки.
Настройки
color
tailColor
Основано на Border Trail (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
8 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| size | number | 60 | Длина светящегося хвоста в пикселях. |
| duration | number | 5 | Сколько секунд длится один круг. |
| transition | Transition | — | Своя анимация Motion. Если задана, duration не действует. |
| onAnimationComplete | () => void | — | Вызывается после последнего круга, если повтор не бесконечный. |
| style | CSSProperties | — | Стили светящегося хвоста. |
| color | string | "#ffffff" | Цвет яркой головы светового хвоста. |
| tailColor | string | "#a3a3a3" | Цвет, в который хвост переходит перед тем, как погаснуть. |
| className | string | — | Классы хвоста, например градиент from-white/0 via-white. |
Зависимости
Пакетов: 3
npm install motion clsx tailwind-merge