• Общие настройки
  • При наведении
  • При нажатии
  • Текст кнопки▲
  • Шрифт▲
  • Тень текста▲
      Изначально тень от текста не видно, и Вам нужно поменять смещение по X/Y или показатель размытия для того, чтобы заметить эффект
  • Отступы▲
  • Рамка▲
  • Фон кнопки▲
      Если указать 2 разных цвета - Вы автоматически получите градиент
    1. →
  • Тень внутри кнопки ▲
  • Тень снаружи кнопки ▲
  • Прозрачность кнопки▲
  • Анимация ▲
      Это - CSS Transitions, которые позволяют назначать изменения свойств CSS плавно и в течение некоторого времени.
О программе: Конструктор кнопок CSS3
Русский простой и удобный конструктор кнопок CSS3 с эффектами анимации (Transitions) и поддержкой градиента.
Вы можете создать кнопку для сайта на CSS с любой модификацией. Сервис поможет настроить следующие свойства CSS3:
  • тень текста
  • рамку кнопки, в том числе закруглённые углы
  • тень от кнопки и внутри неё
  • градиентную заливку фона
  • управление прозрачностью и др.

Можно настроить все три положения кнопки (бездействие, при наведении и при нажатии). Чистый CSS3.