Shiny Text
Блик, который скользит по приглушённому тексту, — классический знак «тут что-то происходит».
зависимости 0файлы tsx + cssпараметры 9react 18+
Обдумываю…
X 0000 Y 0000
Пульт09 параметров
01children
Содержимое.
02color
Основной цвет текста.
03shineColor
Цвет блика.
04speed
s
Секунд на один проход.
05pause
s
Пауза между проходами.
06spread
%
Ширина блика.
07angle
deg
Угол блика.
08direction
Направление прохода.
09disabled
Остановить эффект.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
children | string | "Обдумываю…" | Содержимое. |
color | string | "#6f6c66" | Основной цвет текста. |
shineColor | string | "#ffffff" | Цвет блика. |
speed | number | 2.4 | Секунд на один проход. |
pause | number | 0.6 | Пауза между проходами. |
spread | number | 18 | Ширина блика. |
angle | number | 110 | Угол блика. |
direction | 'left' | 'right' | "right" | Направление прохода. |
disabled | boolean | false | Остановить эффект. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |