магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Плавное появление элементов при скролле в Tilda

Каскадное раскрытие карточек, текста и изображений с настраиваемым моментом запуска.
Подробнее о модеСвернуть описание

Что умеет мод

  • Показывает элементы с проявлением, выездом, масштабом, маской или размытием.
  • Добавляет варианты с пружиной, растяжением, инерцией и 3D-разворотом.
  • Запускает соседние элементы с последовательной задержкой.
  • Работает один раз или повторяет появление при возвращении секции в экран.

Как подключить

Контейнеры и их элементыКаскадное появлениеКод в T123
  1. Выберите область и контейнеры

    Ограничьте нужные блоки в «Где применять», затем выберите контейнеры через каталог или селекторы. Не оставляйте всю страницу областью действия, если анимировать нужно только один раздел.

  2. Укажите дочерние элементы

    Определите, что появляется внутри контейнера. По умолчанию используются прямые дочерние элементы. Для ряда карточек выберите их подходящий селектор, чтобы анимация не затрагивала случайные обёртки.

  3. Настройте каскад

    Выберите эффект, длительность, плавность и задержку между элементами. Укажите момент срабатывания и повторение. Общее ожидание в каскаде ограничено 1,6 секунды, даже если карточек много.

  4. Проверьте публикацию

    Установите код в T123 после выбранных блоков. Прокрутите страницу вниз и обратно, проверьте первый экран, длинные группы и телефон. Убедитесь, что ссылки и кнопки доступны после появления.

Что учитывать. При системном уменьшении движения эффект не запускается, и содержимое остаётся в обычном состоянии. Не дублируйте на тех же элементах другую анимацию появления Tilda без проверки: обе настройки могут менять прозрачность и положение.

Вопросы и ограничения

Можно оставить только плавное проявление?

Да. Выберите простое проявление: оно меняет прозрачность без выезда и изменения масштаба.

Как повторить движение при возвращении к блоку?

Выключите «Играть только один раз». После выхода и нового входа секции анимация сможет запуститься повторно.

Почему анимируется целая группа, а не отдельные карточки?

Проверьте контейнер и селектор дочерних элементов. Если выбрана общая обёртка, именно она может оказаться единицей появления.

Почему анимации нет при включённом уменьшении движения?

Мод учитывает эту системную настройку и сохраняет содержимое видимым без движения. Это не ошибка подключения.

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Другие способы оформить элементы

Made on
Tilda