О платформе

Тарифы

Бонусы

Блог

Перейти на сайт

No-code платформа для интеграции с российскими сервисами

Адаптер

Мы в соцсетях

Ответим на вопросы

Техподдержка

Перейти на сайт

Образовательные курсы и гайды для IT-специалистов

Академия

Клиентам

Партнерская программа

О нас

Плагин для Тильды

Партнерам

NLM183 • ВРЕМЯ НАСТРОЙКИ: 3 МИНУТЫ

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

Эта модификация предлагает четыре различных эффекта для кнопок в Зеро блоке, позволяя создавать уникальные и привлекательные кнопки. Она поддерживает гибкие настройки, включая изменение цвета текста и иконок, а также возможность загрузки любых иконок для каждой кнопки.

Инструкция

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

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

Настройки генератора модификации:

«Тип эффекта» – доступны 4 эффекта «Увеличение точки», «Перемещение иконки», «Зумирование иконки», «Появление иконки»;
«Класс кнопки» – указываешь класс кнопки такой же как в Zero Block;
«Ссылка для иконки» – указываешь ссылку на свою иконку.

Чтобы получить ссылку на иконку для вставки в модификацию, сделай следующее: добавь на страницу галерею GL12 и загрузи в неё изображение, далее копируешь ссылку на него и вставляешь в генератор в указанное поле. Формат файла советуем использовать svg или png;

«Ссылка для иконки при наведении» – добавь ссылку на иконку, которая будет появляться в эффекте «Перемещение стрелки».
«Цвет круга» – укажи начальный цвет круга в кнопке;
«Цвет круга при наведении» – укажи цвет круга в кнопке при наведении. Доступно только в эффекте «Перемещение стрелки».

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

+120 модификаций

Скидка 25% на курсы

Обновление модификаций и доступ к новым

Базовая

550₽

/месяц

Для решения краткосрочных задач

30 дней

Плагин для Тильды

Поддержка без выходных

Закрытые эфиры

Зарегистрироваться

Войти

чтобы скопировать код, ОФОРМИТЕ ПОДПИСКУ или ВОЙДИТЕ в личный кабинет

Плагин для Тильды

Поддержка без выходных

+140 модификаций

Премиум

275₽

/месяц

Экономия 3300₽ в год

365 дней

Скидка 25% на курсы

Обновление модификаций и доступ к новым

Закрытые эфиры

Все пользователи, оформившие Премиум-подписку, получают доступ к дополнительным разделам: «Интернет-магазин» и «Личный кабинет».

В этих разделах представлены различные модификации, которые не доступны тем, кто оформил месячную подписку.

Все пользователи, оформившие Премиум-подписку, могут воспользоваться 25% скидкой на все курсы и гайды Академии Нолим.

Все пользователи, оформившие Премиум-подписку, могут посещать закрытые мероприятия, на которые мы приглашаем ведущих экспертов рынка.

На этих встречах они делятся своим опытом, что открывает новые горизонты для всех участников.

Оформить подписку