кнопки css
Заметки по CSS

Красивые 3D-кнопки с помощью CSS3

кнопки css

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

На днях я увидел кнопки css которые нарисовал Dimox подчерпнув идею на англоязычном блоге PremiumPixels.com
С помощью CSS3 он “нарисовал” кнопоки, кодом которых я поделюсь в данной статье.
HTML-код кнопки будет таким:

[crayon lang=’html’][/crayon]

Ниже приведены примеры кнопок. CSS-код понравившегося цвета кнопки вы можете скопировать из поля под соответствующей кнопкой.

[spoiler name=”Примеры кнопок”]

[/spoiler]

Новые посты

CSS3 стили изображения с изменяющимся размером

Гордеев Игорь

Что такое CSS

Гордеев Игорь

Красивые градиентные кнопки на CSS3 для всех браузеров

Гордеев Игорь

16 комментариев

Дмитрий 24.01.2012 / 18:56

У меня конечно небольшой опыт в создании сайтов, но скажите, почему вместо тега

вы используете тег

Ответить
Гордеев Игорь 25.01.2012 / 00:56

Можно использовать и тег

, но основная причина, по которой лучше использовать тег

некорректное отображение в Opera

Ответить
Christina 25.01.2012 / 19:10

Попробовала нарисовать кнопки, как написано в статье.Гораздо проще,чем пользовалась раньше.С фотошопом работать долго,а тут с помощью CSS3 все гораздо удобнее!

Ответить