Градиентные Кнопоки на чистом CSS


Чёрный Закругленный Средний Маленький

Span

Div

P Tag

H3


Серый Закругленный Средний Маленький

Span

Div

P Tag

H3


Белый Закругленный Средний Маленький

Span

Div

P Tag

H3


Оранжевый Закругленный Средний Маленький

Span

Div

P Tag

H3


Красный Закругленный Средний Маленький

Span

Div

P Tag

H3


Синий Закругленный Средний Маленький

Span

Div

P Tag

H3


Розовый Закругленный Средний Маленький

Span

Div

P Tag

H3


Зеленый Закругленный Средний Маленький

Span

Div

P Tag

H3


Розовый Закругленный Средний Маленький

Span

Div

P Tag

H3


Чистый CSS: не используется изображения или Javascript. Градиент является кросс-браузерным, поддерживается (IE, Firefox 3.6, Opera 11, Chrome и Safari). Гибкие и масштабируемые: размер и закругленные углы можно регулировать, изменяя размер шрифта и отступы. Состоит из трех состояний кнопки: нормальный режим, режим наведения и активный. Может быть применен к любому элементу HTML: a, input, button, span, div, p, h3 и т.д. Если CSS3 не поддерживается, то выводится другая кнопка (без градиента и тени).

← Изучить детали

сделано с любовью: @dobrovoi