Как добавить иконку с анимацией при наведении на кнопку в зеро блоке на Тильде?

Создаешь в Zero Block кнопку, задаешь ей цвет и текст. Добавляешь кнопке класс, вписываешь этот класс в генератор модификации в поле «Класс кнопки».

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

Настройки генератора модификации:
«Тип эффекта» – доступны 4 эффекта «Увеличение точки», «Перемещение иконки», «Зумирование иконки», «Появление иконки»;
«Класс кнопки» – указываешь класс кнопки такой же как в Zero Block;
«Ссылка для иконки» – указываешь ссылку на свою иконку.
Чтобы получить ссылку на иконку для вставки в модификацию, сделай следующее: добавь на страницу галерею GL12 и загрузи в неё изображение, далее копируешь ссылку на него и вставляешь в генератор в указанное поле. Формат файла советуем использовать svg или png;
«Ссылка для иконки при наведении» – добавь ссылку на иконку, которая будет появляться в эффекте «Перемещение стрелки».
«Цвет круга» – укажи начальный цвет круга в кнопке;
«Цвет круга при наведении» – укажи цвет круга в кнопке при наведении. Доступно только в эффекте «Перемещение стрелки».
2.Копируешь сгенерированный HTML код и вставляешь его в блок Т123.

Имей ввиду:

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