Gradient Text
Цветной градиент, который перетекает по буквам, с необязательной обводкой-пилюлей в тон.
зависимости 0файлы tsx + cssпараметры 7react 18+
Цветной дрейф
X 0000 Y 0000
Пульт07 параметров
01children
Содержимое.
02colors
Цвета градиента.
03speed
s
Секунд на полный проход.
04direction
Направление движения.
05yoyo
Туда-обратно вместо зацикливания.
06pauseOnHover
Замирать при наведении.
07showBorder
Градиентная обводка-пилюля.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
children | string | "Цветной дрейф" | Содержимое. |
colors | string[] | ["#b6e24c","#5fb39a","#e6e1c8"] | Цвета градиента. |
speed | number | 6 | Секунд на полный проход. |
direction | 'horizontal' | 'vertical' | 'diagonal' | "horizontal" | Направление движения. |
yoyo | boolean | false | Туда-обратно вместо зацикливания. |
pauseOnHover | boolean | false | Замирать при наведении. |
showBorder | boolean | false | Градиентная обводка-пилюля. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |