ЛоадерыProНовое
Лоадер-куб
Светящийся куб поворачивается, его грани разлетаются в стороны и снова собираются. Объёмный лоадер на чистом CSS.
Настройки
faceColor
edgeColor
Основано на odd-insect-77 by JkHuger (MIT лицензия) · Условия использования
Параметры
7 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| size | number | 80 | Длина ребра куба в пикселях. |
| faceColor | string | "rgba(255, 255, 255, 0.06)" | Заливка граней. Лучше полупрозрачная, чтобы видеть рёбра внутри. |
| edgeColor | string | "#fafafa" | Цвет рёбер и их свечения. |
| speed | number | 3 | Секунд на поворот, взрыв и сборку. |
| glow | boolean | true | Свечение вокруг рёбер. |
| label | string | "Loading" | Текст для экранных читалок. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 2
npm install clsx tailwind-merge