Wave Text
Буквы катятся по непрерывной волне — задайте высоту, скорость и длину волны или включите движение только при наведении.
зависимости 0файлы tsx + cssпараметры 6react 18+
X 0000 Y 0000
Пульт06 параметров
01text
Текст.
02amplitude
em
Высота волны.
03duration
s
Секунд на цикл.
04wavelength
Букв на длину волны.
05rotate
Наклонять буквы вместе с волной.
06hoverOnly
Двигаться только при наведении.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
text | string | "На гребне волны" | Текст. |
amplitude | number | 0.18 | Высота волны. |
duration | number | 1.6 | Секунд на цикл. |
wavelength | number | 10 | Букв на длину волны. |
rotate | boolean | false | Наклонять буквы вместе с волной. |
hoverOnly | boolean | false | Двигаться только при наведении. |
as | ElementType | 'span' | Какой элемент рендерить. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |