Генератор CSS-кнопок

Настройте кнопку визуально и получите чистый HTML + CSS для копирования одним кликом.

Текст кнопки

Цвет фона

Цвет текста

Использовать градиент

Второй цвет градиента

Радиус скругления (px): 10

Интенсивность тени: 2

Отступ по вертикали (px): 12

Отступ по горизонтали (px): 28

Размер шрифта (px): 16

Яркость при наведении: 85%

Ширина границы (px): 0

Цвет границы

Предпросмотр

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

Работает полностью в вашем браузере. Ничего не загружается на сервер.

Как это работает

STEP 1

Выберите цвета, градиент, радиус скругления, интенсивность тени и эффект при наведении.

STEP 2

Кнопка обновляется мгновенно при изменении каждого параметра.

STEP 3

Нажмите «Скопировать код», чтобы получить готовый фрагмент HTML + CSS.