Модификация находится в бета-версии. Если нашли ошибку, сообщите о ней здесь
Эффект появления текста по словам
Добавляет эффекты появления текста в Zero-блоках по каждому слову
Инструкция по установке
- 1Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайтаЭтот код устанавливается только один раз. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.1/textsplit.min.js"></script>- 1
- 2Задайте тексту, для которого хотите применить эффект, класс .uc-splitЕсли вы планируете использовать на странице несколько текстов с таким эффектом, задайте им разные классы, например, .uc-split1, .uc-split2 и т.д.
- 3Задайте в настройках модификации параметры анимации текста
- 4Скопируйте код и вставьте его в блок T123 в конец страницы
Как это сделано?
<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.1/textsplit.min.js"></script>
<script>textSplit.init(".uc-title", { animation: "slide-up" })</script>
<script>textSplit.init(".uc-descr", { animation: "blur", interval: 80, delay: 600 })</script>
Видео скоро появится…
Настройки модификации
Настройки модификации
Класс текстового блока:
Анимация появления:
Скорость и тип переходов:
Интервал появления:
Задержка между появлением слов (в миллисекундах)
<script>textSplit.init(".uc-text")</script>Особенности
- Поддерживает анимацииМодификация поддерживает несколько вариантов анимаций
- Работает с автоскейломМод работает с масштабированием так же корректно, как и без него
- Запускается по триггеруЕсли элемент с контейнером находится в видимой зоне экрана
© 2024 Максим Постников. Все права защищены.
Обо мне
Проекты
Блог
Связаться
Модификации
Максим Постников
Столкнулись с ошибкой?
Расскажите подробнее о проблеме, при которой модификация не работает или работает неправильно
Расскажите подробнее о проблеме, при которой модификация работает неправильно
Сообщение отправлено
Спасибо за обращение! Мы провалидируем ошибку и исправим её в ближайшее время
Нравятся модификации?
Поделитесь впечатлениями от работы с библиотекой — обратная связь поможет нам стать лучше
Поделитесь впечатлениями о сервисе — обратная связь поможет нам стать лучше
Сообщение отправлено
Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис