ФоныProНовое
Полутоновые волны
Волны из точек разного размера, как в газетной печати. Точки растут и сжимаются вместе с волной.
Настройки
color
background
Компонент Codearia · Условия использования
Параметры
8 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| color | string | "#e5e5e5" | Цвет точек. |
| background | string | "#0a0a0a" | Цвет фона под точками. |
| cellSize | number | 10 | Шаг сетки точек, в пикселях. |
| angle | number | 30 | Поворот сетки, в градусах. |
| speed | number | 1 | Скорость. 0 останавливает движение. |
| contrast | number | 1.2 | Контраст волн. Больше значит резче пятна. |
| children | ReactNode | — | Содержимое поверх эффекта. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 3
npm install ogl clsx tailwind-merge