Glare Hover
По карточке или кнопке пробегает световой блик при наведении — или при касании на телефоне.
зависимости 0файлы tsx + cssпараметры 7react 18+
4276 •••• •••• 9012GRIGORY ROZHKOV
X 0000 Y 0000↳ Наведите на карточку или коснитесь её
Пульт07 параметров
01glareColor
Цвет блика.
02glareOpacity
Сила блика.
03angle
deg
Направление прохода.
04size
%
Ширина блика.
05duration
ms
Время прохода.
06playOnce
Проходить только при наведении, без обратного.
07radius
px
Скругление углов.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
glareColor | string | "#ffffff" | Цвет блика. |
glareOpacity | number | 0.35 | Сила блика. |
angle | number | -45 | Направление прохода. |
size | number | 40 | Ширина блика. |
duration | number | 700 | Время прохода. |
playOnce | boolean | false | Проходить только при наведении, без обратного. |
radius | number | 18 | Скругление углов. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |