Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
NLM105 ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА

АНИМАЦИЯ ПОЯВЛЕНИЯ ЭЛЕМЕНТОВ В ЗЕРО БЛОКЕ

Модификация позволяет добавить стильную анимацию появление элементов в Зеро блоке. Например тексты, шейпы, формы, кнопки и.т.д.
Для того чтобы добавить анимации появления для элементов в Зеро блоке нужно сделать следующее:

1. «Введите класс элемента (image, shape, text)» — В модификации нужно указать название класса, который мы будем добавлять к элементам в Зеро блоке, чтобы модификация понимала к какому элементу ей добавлять анимацию. Например — anim_shape;
2. «Отключить на мобильных устройствах» — При желании можно отключить анимацию на мобильных устройствах. Для этого активируйте ограничение, нажав на галочку рядом с текстом «Отключить на мобильных устройствах»;
3. «Проигрывать анимацию каждый раз, когда элемент на экране» — Есть возможность активировать функцию «Проигрывать анимацию каждый раз, когда элемент на экране». По умолчанию анимация проигрывается каждый раз когда элемент на экране.
4. «Тип анимации» — На выбор предлагается один из 10 анимации появления элемента.
5. «Включите этот чекбокс если анимация не работает в сафари».

6. Дальше скопируйте название класса, которое вы указали и перейдите в Зеро блок;
7. Для того чтобы добавить анимацию к элементу в Зеро блоке, нажмите правой кнопкой мыши на элемент и выберите пункт «Add CSS Class Name»;
8. В открывшейся панели, в поле «CSS Class Name» укажите класс, который вы придумали и указали в модификации;
9. Сохраните изменения и перейдите во вкладку модификации;
10. Копируем сгенерированный HTML код и вставляем его в блок Т123;

Важно:

  • Текстовый элемент не должен выходить за пределы блока по высоте/ширине, иначе текст не отобразится на странице.
  • Для текстовых элементов нужно изменить настройку FIT на Fixed Size. Где найти: Редактировать блок → Element Settings → Fit
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1