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