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

Создавайте идеальные кнопки с анимациями, ссылками, отступами и тенями.

Текст, Ссылка и Иконка

Текст на кнопке:

Символ/Иконка:

Позиция:

Ссылка (URL):

В новом окне (_blank)

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

Жирность шрифта:

Верх/Низ (Y): 12px

Лево/Право (X): 24px

Верх/Низ (Y): 10px

Лево/Право (X): 0px

Цвет фона

Цвет текста

Цвет рамки

Цвет фона (или заполнения)

Цвет текста

Цвет рамки

Радиус углов: 8px

Толщина рамки: 0px

Тень (Box Shadow):

Эффект при клике (Active):

HTML:

CSS: