Fuzzy Text
Текст гудит, как плохо настроенный экран: каждая строка пикселей дрожит сама по себе, а под курсором текст рвётся сильнее. Шрифт берётся у элемента.
зависимости 0файлы tsx + css + tsпараметры 6react 18+
X 0000 Y 0000↳ Наведите на текст или коснитесь его
Пульт06 параметров
01text
Текст с помехами.
02baseIntensity
Дрожание в покое.
03hoverIntensity
Дрожание под курсором.
04fuzzRange
px
Самый большой сдвиг на полной силе.
05direction
Куда сдвигаются строки.
06transition
Как быстро действует наведение.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
text | string | "Помехи" | Текст с помехами. |
baseIntensity | number | 0.18 | Дрожание в покое. |
hoverIntensity | number | 0.55 | Дрожание под курсором. |
fuzzRange | number | 26 | Самый большой сдвиг на полной силе. |
direction | 'horizontal' | 'vertical' | 'both' | "horizontal" | Куда сдвигаются строки. |
transition | number | 0.12 | Как быстро действует наведение. |
color | string | inherited | Цвет текста. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |