Кнопки
как их настроить и кастомизировать
1
Как настроить кнопки. Кратко
Верхняя панель в редакторе → Дизайн сайта → Кнопки
В этом разделе можно не только изменить цвет кнопки, но и добавить тень, настроить вид кнопки при наведении и редактировать эффекты.
В этом разделе можно не только изменить цвет кнопки, но и добавить тень, настроить вид кнопки при наведении и редактировать эффекты.
2
Кастомизация кнопок
Заметная кнопка с правильной анимацией повышает CTR и конверсию — пользователи быстрее видят целевое действие и охотнее кликают.
Чтобы кастомизировать кнопки, выберите стиль типовой кнопки, который хотите редактировать. Далее выберите настройку "CSS-код кнопки, расширенный" и вставьте код в поле.
CSS-код для создания многослойной кнопки — здесь
CSS-код для создания кнопки с эффектом жидкого стекла — здесь
CSS-код для создания кнопки с эффектом жидкого стекла и пульсированием — здесь
Чтобы кастомизировать кнопки, выберите стиль типовой кнопки, который хотите редактировать. Далее выберите настройку "CSS-код кнопки, расширенный" и вставьте код в поле.
CSS-код для создания многослойной кнопки — здесь
CSS-код для создания кнопки с эффектом жидкого стекла — здесь
CSS-код для создания кнопки с эффектом жидкого стекла и пульсированием — здесь
Важно: если используете коды не для первой кнопки, то нужно менять номер стиля: .button_style_1
3
Пример работы с CSS-кодом кнопки
Как сделать кастомные и нестандартные кнопки в Базиум — от базовых настроек до эффекта Liquid Glass (стеклянная кнопка) с аккуратным глянцем и анимациями наведения/нажатия.