Red Spirit

Блог Алексея Таянчина

RSS 2.0

Набор CSS кнопок

Решил начать собирать для себя (ну и не только для себя) разные css кнопки, которые пригодились бы потом где-нибудь. CSS кнопки круты тем, что они красивы, интерактивны и их очень легко использовать и подправлять стили для себя (в отличии от кнопок-картинок), просто навесил класс на ссылку или стандартную кнопку и получил симпатичный элемент интерфейса.

Кнопки я собирал таская стили из разных сайтов, по ходу буду собирать и выкладывать еще какие-нибудь интересные кнопочки. Табличка с кнопками ниже, кликните по кнопке и перейдете к CSS листингу стиля этой кнопки. Стили сделаны так, что их одинокого красиво можно навесить и на ссылку и на стандартную кнопку формы.

Для полного счастья дам еще пару ссылок на онлайн-генераторы CSS кнопок:
charliepark.org и css-tricks.com

btn themes btn simp but yellow but orange
but blue but green but red but black
but purple but gray but pink but lavender
but minimal clean gray cupid green cupid blue
blue pill thoughtbot btn punch purple candy
shiny blue download itunes btn skip minimal indent

Кнопка btn-themes

Кнопка btn-simp

Кнопка but_yellow

Кнопка but_orange

Кнопка but_blue

Кнопка but_green

Кнопка but_red

Кнопка but_black

Кнопка but_purple

Кнопка but_gray

Кнопка but_pink

Кнопка but_lavender

Кнопка but_minimal

Кнопка clean-gray

Кнопка cupid-green

Кнопка cupid-blue

Кнопка blue-pill

Кнопка thoughtbot

Кнопка btn-punch

Кнопка purple-candy

Кнопка shiny-blue

Кнопка download-itunes

Кнопка btn-skip

Кнопка minimal-indent