ФоныНовое
Мерцающая сетка
Сетка из мелких клеток, которые тихо мерцают в случайном порядке. Спокойный фон на canvas.
Настройки
color
Основано на Flickering Grid (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
8 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| squareSize | number | 4 | Размер одной клетки в пикселях. |
| gridGap | number | 6 | Расстояние между клетками в пикселях. |
| flickerChance | number | 0.3 | Как часто клетки мерцают. Больше значит живее. |
| color | string | "rgb(255, 255, 255)" | Цвет клеток. |
| maxOpacity | number | 0.3 | Максимальная яркость клетки. |
| width | number | — | Ширина в пикселях. Без неё сетка берёт размер контейнера. |
| height | number | — | Высота в пикселях. Без неё сетка берёт размер контейнера. |
| className | string | — | Классы Tailwind для обёртки. |
Зависимости
Пакетов: 2
npm install clsx tailwind-merge