Основные функции блока:
- переход по ссылке
- прокрутка к секции
- открытие всплывающего окна
- добавление товара в корзину
- отправить email
- позвонить по телефону
Настройка дизайна:
Вы можете настроить каждое из трёх состояний (обычное/наведение/нажатие) независимо друг от друга. Эту особенность можно использовать, например, чтобы добавить градиент при наведении на кнопку или сделать залитую кнопку при наведении прозрачной и с обводкой.
Вы можете настроить каждое из трёх состояний (обычное/наведение/нажатие) независимо друг от друга. Эту особенность можно использовать, например, чтобы добавить градиент при наведении на кнопку или сделать залитую кнопку при наведении прозрачной и с обводкой.
Градиент при наведении:
Изменение стиля кнопки при наведении:
Иконка внутри кнопки:
Теперь внутрь кнопки можно добавить любую иконку, а ещё настроить эффекты для этой иконки при наведении. Благодаря отдельной настройке каждого из состояний кнопки иконку можно отображать не сразу, а только при наведении на кнопку.
Теперь внутрь кнопки можно добавить любую иконку, а ещё настроить эффекты для этой иконки при наведении. Благодаря отдельной настройке каждого из состояний кнопки иконку можно отображать не сразу, а только при наведении на кнопку.
Иконка показывается сразу:
Иконка показывается при наведении:
Обычные картинки в кнопках:
Картинки можно располагать как внутри, так и снаружи кнопок.
Картинки можно располагать как внутри, так и снаружи кнопок.
Картинка снаружи кнопки:
Картинка внутри кнопки:
Необычные углы кнопок:
Для каждого угла кнопки можно указать своё значение:
Для каждого угла кнопки можно указать своё значение:
Примеры кнопок с разным скруглением углов
Перенос текста в кнопках:
Текст можно переносить на несколько строк и настраивать выравнивание. Управлять переносом текста можно с помощью тянучек.
Текст можно переносить на несколько строк и настраивать выравнивание. Управлять переносом текста можно с помощью тянучек.
Пример:
Эффекты для кнопки:
Кнопку можно украсить визуальными эффектами: свечением, анимацией блика, пульсацией и т.п. Они могут применяться только при наведении или быть постоянными.
Кнопку можно украсить визуальными эффектами: свечением, анимацией блика, пульсацией и т.п. Они могут применяться только при наведении или быть постоянными.
Блок Кнопка
Примеры постоянных* эффектов:
* при желании можно выключить свитчем
и оставить эффект только при наведении
и оставить эффект только при наведении
Примеры эффектов при наведении:
