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