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