Время настройки: 1 минута

Эффект появления текста по словам

Добавляет эффекты появления текста в Zero-блоках по каждому слову

Инструкция по установке

Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта

Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.

<script src="https://cdn.postnikovmd.com/tilda@1.4/mods.min.js"></script>

Задайте тексту, для которого хотите применить эффект, класс .uc-split

Если вы планируете использовать на странице несколько текстов с таким эффектом, задайте им разные классы, например, .uc-split1, .uc-split2 и т.д.
Задайте в настройках модификации параметры анимации текста
Скопируйте код и вставьте его в блок T123 в конец страницы

Как это сделано?

<script>textsplit.init(".uc-title", { animation: "slide-up" })</script>
<script>textsplit.init(".uc-descr", { animation: "blur", interval: 80, delay: 600 })</script>

Открыть пример

Настройки модификации

Класс текстового блока:

Разбивать текст:

Анимация появления:

+ Настройки анимации

Скорость и тип переходов:

Интервал появления:

Задержка между появлением слов/букв (в миллисекундах)

<!--textsplit.js Анимация текста по словам. https://postnikovmd.com/mods/textsplit-->
<script>textsplit.init(".uc-text")</script>

Скопировать код

Особенности

Поддерживает анимации

Модификация поддерживает несколько вариантов анимаций
Работает с автоскейлом

Мод работает с масштабированием так же корректно, как и без него
Запускается по триггеру

Если элемент с контейнером находится в видимой зоне экрана