Глитч эффект для текста на Тильде

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

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

2. В генераторе заполняешь поля:

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

3. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

Имей в виду:

• Данный эффект применяется только для текста в одну строку;
• Если хочешь добавить разные эффекты, к разным текстовым элементам, то им необходимо указывать разные классы.