Анимированная смена слов
По очереди показывает слова с падением и финальным увеличением.
Что делает модификация
По очереди показывает слова с падением и финальным увеличением.
Требования
Проверьте классы и ID на опубликованной странице. Не назначайте этим же элементам конфликтующую анимацию. Если меняете имя класса в кабинете, укажите такое же имя в Tilda.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| ID Zero Block | Выберите значение в интерфейсе личного кабинета. |
| Текст перед словами | Выберите значение в интерфейсе личного кабинета. |
| Четыре слова, по одному на строку | Выберите значение в интерфейсе личного кабинета. |
| Размер, px | Параметр 12–100 |
Пошаговая установка
- Создайте HTML-элементВ Zero Block добавьте Add HTML. Первая часть результата содержит основной текст и четыре сменяющихся слова.
- Задайте оформлениеID Zero Block вставьте в кабинет. Укажите текст и четыре слова. Вставьте первую часть в HTML-элемент, вторую — в T123 после блока.
- ОпубликуйтеПроверьте высоту HTML-элемента и адаптацию. Последнее слово увеличивается, фон блока меняется по циклу.
Проверьте классы и ID на опубликованной странице. Не назначайте этим же элементам конфликтующую анимацию. Если меняете имя класса в кабинете, укажите такое же имя в Tilda.
Частые вопросы
Где настроить модификацию?
После покупки откройте её в личном кабинете, задайте параметры и нажмите «Сгенерировать код».
Нужно ли править код вручную?
Параметры задаются в кабинете. Составные фрагменты вставьте в места, указанные в инструкции.
Пример использует мои блоки?
Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные элементы Tilda.