ТекстНовое
Волна текста
Заголовок появляется волной: буквы по очереди выезжают и проявляются из размытия. Только CSS.
Настройки
gradientFrom
gradientTo
Основано на Wave Reveal (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
10 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| text | string | — | Текст заголовка. |
| direction | 'up' | 'down' | "down" | Откуда выезжают буквы. |
| mode | 'letter' | 'word' | "letter" | Появляться по буквам или по словам. |
| duration | string | "2000ms" | Длительность появления, например 2000ms. |
| delay | number | 0 | Задержка перед стартом, в миллисекундах. |
| blur | boolean | true | Буквы проявляются из размытия, как на WWDC. |
| letterClassName | string | — | Классы для каждой буквы или слова. |
| className | string | — | Классы для обёртки. |
| gradientFrom | string | "#ffffff" | Цвет первой буквы. Текст плавно переходит в цвет конца градиента. |
| gradientTo | string | "#d4d4d8" | Цвет последней буквы, конец градиента. |
Зависимости
Пакетов: 2
npm install clsx tailwind-merge