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