Morph Text
Слова перетекают друг в друга, как капли чернил: без затухания и переворота — буквы сливаются и растягиваются в следующее слово.
зависимости 0файлы tsx + css + tsпараметры 4react 18+
X 0000 Y 0000
Пульт04 параметров
01words
Слова, через которые перетекает текст.
02morphTime
s
Одно перетекание.
03holdTime
s
Сколько держится каждое слово.
04goo
Вязкость перетекания.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
words | string[] | ["Дизайн","Код","Движение","Релиз"] | Слова, через которые перетекает текст. |
morphTime | number | 1 | Одно перетекание. |
holdTime | number | 1.8 | Сколько держится каждое слово. |
goo | number | 1 | Вязкость перетекания. |
as | ElementType | 'span' | Какой элемент рендерить. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |