Генератор кнопки CSS (button)

Генератор кнопки поможет вам разработать и научиться создавать кнопки CSS3. Используя этот генератор, вы сэкономите время и силы при создании идеальной кнопки CSS для вашего сайта.

• Шрифт | Текст
  • Текст кнопки
    Шрифт текста | Bold
    Размер шрифта 15px
    Цвет текста #ffffff
• Тень для текста
  • Включить тень для текста
    Цвет тени текста #272625
    Горизонтальное смещение тени текста 1px
    Вертикальное смещение тени текста 1px
    Размытие тени текста 1px
• Кнопка
  • Однотонный фон
    Цвет фона #f66d52
    Фон градиентом
    Первый цвет фона #f66d52

    Второй цвет фона #9e220a
    Отступ сверху и снизу 15px
    Отступ справа и слева 25px
• Тень для кнопки
  • Включить тень для кнопки
    Цвет тени для кнопки #4f4f4f
    Горизонтальное смещение тени блока 2px
    Вертикальное смещение тени блока 2px
    Размытие тени блока 2px
• Границы кнопки
  • Ширина границы блока 2px
    Цвет границы кнопки #f3c846
    Стиль границы блока
    Скругление углов кнопки 5px
• Эффект при наведении
  • Цвет текста #cccccc
    Однотонный фон
    Цвет фона #f66d52
    Фон градиентом
    Первый цвет фона #9e220a

    Второй цвет фона #f66d52

Предварительный просмотр

Button

CSS код