ФоныНовое

Метеоры

Тонкие падающие звёзды пролетают по диагонали. Лёгкое движение за заголовком.

Настройки

color
tailColor

Основано на Meteors (MIT лицензия) · Условия использования

Параметры

9 параметров
ПараметрТипПо умолчаниюОписание
numbernumber20Сколько метеоров на экране.
anglenumber215Угол падения в градусах.
minDelaynumber0.2Самая короткая пауза перед стартом метеора, в секундах.
maxDelaynumber1.2Самая длинная пауза перед стартом, в секундах.
minDurationnumber2Самый быстрый полёт, в секундах.
maxDurationnumber10Самый медленный полёт, в секундах.
colorstring"rgba(255, 255, 255, 0.7)"Цвет головы метеора.
tailColorstring"rgba(255, 255, 255, 0.5)"Цвет хвоста в начале, дальше он тает.
classNamestring—Классы для каждого метеора, например другой цвет.

Зависимости

Пакетов: 2

npm install clsx tailwind-merge

Похожие компоненты

Смотреть все