Top.Mail.Ru
Buddilov | Плюшки для дизайнера

Как сделать Glitch эффект на тексте используя zero block

Создаём зеро блок, добавляем текстовый элемент и ему нужно добавить сlass (glitch-text)

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

После этого сохраняем изменение и добавляем блок T123. В него нужно вписать код (Код внизу статьи)

Теперь проверяйте и наслаждайтесь

Если хотите изменить цвет эффекта, то поищите в коде такие строчки

/* Укажи цвет 1 */
text-shadow: -2px 0 #487fff;

/* Укажи цвет 2 */
text-shadow: -2px 0 #dc3333;
СКРИПТ
Автор кода - https://youx.agency
Модификации
Made on
Tilda