Прелоадер с круговым раскрытием для Tilda
Кольцевой индикатор и расширяющееся отверстие, через которое появляется страница.Подробнее о модеСвернуть описание
Прелоадер с круговым раскрытием для Tilda
Кольцевой индикатор и расширяющееся отверстие, через которое появляется страница.Что умеет мод
- Показывает кольцо со счётчиком перед открытием содержимого.
- Настраивает цвет фона, дуги и дорожки, диаметр и толщину кольца.
- Раздельно задаёт время счётчика, паузу и длительность кругового раскрытия.
- Позволяет выбрать конечный радиус и характер движения диафрагмы.
Как подключить
Оформите индикатор
Задайте фон, цвет дуги и незаполненной дорожки. Подберите диаметр и толщину кольца, затем настройте цифры и знак процента. Проверьте контраст и свободное пространство внутри кольца.
Настройте раскрытие
Выберите время счётчика, паузу и длительность расширения круга. Задайте конечный радиус и плавность. Проверьте, как открываются углы широкого и узкого экрана, а не только центр превью.
Проверьте ожидание
Укажите максимальное время ожидания. При необходимости включите задержку анимаций Tilda до конца заставки, чтобы важное движение первого экрана происходило после его появления.
Установите на страницу
Скопируйте код в T123 ближе к началу страницы и опубликуйте. Проверьте полную загрузку, раскрытие на телефоне и восстановление прокрутки. Отдельные шейпы или изображение кольца в Zero Block не нужны.
Что учитывать. Счётчик отражает время сценария, а не точный объём скачанных файлов. В обычном режиме выход учитывает готовность страницы и завершение отсчёта. Используйте один прелоадер на странице. Повтор в демонстрации предназначен для настройки; после выхода содержимое остаётся открытым.
Вопросы и ограничения
Чем отличается от «Затвора камеры»?
Здесь страница раскрывается через простой расширяющийся круг. В «Затворе камеры» используется другая геометрия с лепестками диафрагмы.
Можно скрыть число процентов?
Да. Отключите счётчик процентов, если в композиции нужен только круговой переход.
Для чего конечный радиус?
Он определяет размер отверстия к концу раскрытия. Подберите его по реальному экрану и проверьте переход у краёв страницы.
Почему движение сокращается на некоторых устройствах?
Мод учитывает системную настройку уменьшения движения и использует упрощённый переход. Проверьте и этот режим, и обычное раскрытие.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
