Генератор HTML кнопок

Основные настройки

Текст кнопки Ссылка кнопки Открытие в новой вкладке Скрыть от индексации (nofollow)

Шрифт

Сгенерированный HTML код

Превью кнопки

Нажми меня

Настройка размеров

Горизонтальные отступы (px) Вертикальные отступы (px) Закруглённость (px) Толщина границы (px) Размер шрифта (px)

Настройка цвета

Цвет текст

Цвет фона

Цвет границы

Настройка тени

Смещение по X (px) Смещение по Y (px) Размытие (px) Цвет тени

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

Использовать градиентный фон Цвет градиента 1 Цвет градиента 2 Угол градиента (0 – 360°) Настроить градиент при наведении Цвет градиента 1 (hover) Цвет градиента 2 (hover) Угол градиента (hover) (0 – 360°)

Настройки анимации и эффектов

Включить анимацию Подниматься при наведении Цвет фона (при наведении) Цвет текста (при наведении) Цвет границы (при наведении) Скорость анимации (сек)

Тень при наведении

Смещение по X (px) Смещение по Y (px) Размытие (px) Цвет тени