Хороший значок CSS - можешь дать мне руку?

Question

Я хочу реализовать значки, такие как на переполнении стека. Может быть, вы можете дать мне хороший код CSS?

Answer 1

Представляем совершенно новый

Переполнение стека Badgemaker 3000

Это делает Badges ™

Просто поп-имя, скажи, какого цвета вы хотите, чтобы ваш блестящий новый значок, и вы все настроете!

^{Поддержка браузера: все современные браузеры, вплоть до IE7. Круглые углы не поддерживаются в IE8 и ниже.}

Answer 2

Может быть, вы можете использовать приятный Пожар и заглянуть на то, как так это делает.

Answer 3

Вы имеете в виду округлые углы? Он использует CSS3 округлые углы:

border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;

Answer 4

Или вы можете запустить поиск «Badge» на их файле CSS:

.badge,.badge-tag{color:#fff!important;background-color:#333;border:1px solid #333;margin:0 3px 3px 0;padding:0 6px 0 3px;display:inline-block;text-decoration:none;line-height:1.9;-moz-border-radius:6px;-webkit-border-radius:6px;}
.badge:hover,.badge-tag:hover{border:1px solid #555;background-color:#555;text-decoration:none;}
.badge-tag:hover{color:#fff!important;border:2px solid #555;}
.badge-tag{color:#333!important;border:2px solid #333;background-color:#eee;}