Обновление: Новый блок Кнопка

обновления

Новый блок
Кнопка

13.09.2022

В новой кнопке появилось больше визуальных настроек. Вам больше не понадобится использовать CSS- код — мы собрали все самые популярные настройки для вашего удобства ;)

Новая кнопка ждёт вас в разделе “Новые блоки”

Подробнее

Детальная настройка состояний

Вы можете настроить каждое из трёх состояний (обычное/наведение/нажатие) независимо друг от друга. Эту особенность можно использовать, например, чтобы добавить градиент при наведении:

Иконки внутри кнопок

Теперь внутрь кнопки можно добавить любую иконку, а ещё настроить эффекты для этой иконки при наведении:

Иконку можно отображать не сразу, а только при наведении на кнопку. Обратите внимание, что направление появления иконки тоже можно настроить:

А ещё можно загружать не только svg-иконки, но и целые картинки!
Их можно располагать как внутри, так и снаружи:

Перенос текста в кнопке на несколько строк

Теперь текст можно переносить на несколько строк и настраивать выравнивание. Управлять переносом текста можно с помощью тянучек:

Градиенты

Градиент можно настроить не только для заливки кнопки, но и для контура!

Необычные углы кнопок

Для каждого угла кнопки можно указать своё значение.
Смело экспериментируйте!

Эффекты для кнопки

Кнопку можно украсить визуальными эффектами: свечением, анимацией блика, пульсацией и т.п.

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