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