Top.Mail.Ru
Loading...
-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Услуги
-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
NLM091 ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА

ГЛИТЧ ЭФФЕКТ ДЛЯ ТЕКСТа НА ТИЛЬДЕ

Модификация поможет настроить Glitch-эффект для текста в Зеро блоке, со своими цветами, скоростью воспроизведения и поведением при наведении или в статичном состоянии.
1. Добавляешь в Зеро-блок текст, к которому хочешь применить любой из предложенных глитч эффектов. И указываешь ему тот же class, что и в генераторе (например, nolimglitch). Класс нужно прописать для каждого элемента, к которому будет применяться эффект.

Что бы указать class у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываешь class.

2. В генераторе заполняешь поля:
  • «Выберите эффект»– выбираешь подходящий эффект (можешь посмотреть как выглядит каждый из них на живом примере);
  • «Класс элемента»– указываешь class элемента, к которым будет применяться глитч эффект (например, nolimglitch);
  • «Разброс эффекта (px)» – расстояние, на которое будет смещаться эффект (не указывается при выборе эффекта font effect);
  • «Цвет 1» и «Цвет 2» – цвета, которые будут отображаться при искажении (не указывается при выборе эффекта font effect);
  • «Время анимации»
  • «Поведение эффекта» – выбираешь подходящий вариант из предложенных: статичный эффект, показывать эффект при наведении, останавливать эффект при наведении;
3. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

Имей в виду:
  • Данный эффект применяется только для текста в одну строку;
  • Если хочешь добавить разные эффекты, к разным текстовым элементам, то им необходимо указывать разные классы;
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1