Electric Border
Живая электрическая обводка: край карточки потрескивает и ползёт, как дуга, с мягким свечением. Оберните любой блок.
зависимости 0файлы tsx + css + tsпараметры 7react 18+
Под напряжением · 220 ВОсторожно, не трогать.
Оберните карточку, кнопку или тариф, который должны заметить.
X 0000 Y 0000
Пульт07 параметров
01color
Цвет дуги.
02thickness
px
Толщина линии.
03chaos
px
Как далеко дуга отскакивает от края.
04speed
Как быстро ползёт ток.
05detail
Размер зигзагов: больше — мельче.
06radius
px
Скругление углов.
07glow
Мягкое свечение вокруг дуги.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
color | string | "#b6e24c" | Цвет дуги. |
thickness | number | 2 | Толщина линии. |
chaos | number | 8 | Как далеко дуга отскакивает от края. |
speed | number | 1 | Как быстро ползёт ток. |
detail | number | 1 | Размер зигзагов: больше — мельче. |
radius | number | 18 | Скругление углов. |
glow | boolean | true | Мягкое свечение вокруг дуги. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |