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

Прелоадер с диафрагмой камеры для Tilda

Раскрывающиеся лепестки, название бренда и фотографические детали перед первым экраном.
Подробнее о модеСвернуть описание

Что умеет мод

  • Открывает страницу через анимированную диафрагму камеры.
  • Настраивает фон, основные и акцентные цвета.
  • Добавляет бренд, счётчик и декоративную строку диафрагмы f-stop.
  • Раздельно задаёт время счётчика, паузу и длительность раскрытия.

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

Диафрагма камерыПолноэкранное раскрытиеКод в T123
  1. Выберите оформление

    Настройте фон, основной цвет и акцент. Сравните их с первым экраном, который появится после заставки. Для работы эффекта не нужно загружать фотографию камеры или рисовать лепестки в Zero Block.

  2. Оформите подписи

    Задайте название бренда, проценты и строку f-stop. Каждую из этих частей можно включить отдельно. Подберите размеры, цвета и шрифты так, чтобы композиция помещалась на мобильном экране.

  3. Настройте раскрытие

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

  4. Установите код

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

Что учитывать. Строка f-stop — часть оформления. Мод не обращается к камере посетителя и не меняет её настройки. Счётчик идёт по заданному времени анимации и не измеряет скачанные данные. Одновременно с этой заставкой не подключайте другой прелоадер.

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

Обязательно показывать бренд и проценты?

Нет. Название, проценты и строка диафрагмы имеют отдельные переключатели. Можно оставить только сам эффект раскрытия.

Где менять скорость лепестков?

В длительности раскрытия. Это отдельный параметр от времени счётчика и паузы перед выходом.

Нужен ли отдельный файл анимации?

Нет. Геометрия диафрагмы и движение создаются сгенерированным кодом. T123 достаточно для размещения заставки.

Почему при уменьшении движения эффект другой?

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

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

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

Другие варианты заставок

Made on
Tilda