Продолжаем выцарапывать любопытные фишки из спецификации CSS3. Многие уже наслышаны, что есть такая интересная возможность создавать для блоков закругленные углы, не используя каких-либо картинок. Для чего применяется специальное свойство border-radius с префиксами (-moz для браузера Firefox и -webkit для браузеров Safari и Chrome). В IE оно не работает, как впрочем и в Opera (в 10-й уже должно работать).
Но ведь данное свойство можно применять не только для блоков! Почему бы не выделить таким образом обычные ссылки в тексте? Задаем ссылкам фон и добавляем данное свойство. Получаем эффект выделения словно бы круглым маркером в тексте газеты. По крайней мере, выглядит достаточно интересно и непривычно.
К примеру, пропишем такой набор правил для ссылок поста в блоге:
.entry a {
background: #c8fc2a;
padding: 1px 5px 2px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
Получим выделенные кислотным желто-зеленым маркером ссылки (см. картинку выше).
Более подробно о свойстве border-radius можно почитать здесь .
В Opera 10 что то радиуса не работают. Сменил Opera 9.64 на 10 ради этого, но радиусов не видно. Смотрел в примерах на сайте по ссылке что в конце указана. Может только для Opera свой параметр нужно указывать кроме:
-moz-border-radius
-webkit-border-radius
Прикольно получилось;) возьму себе на вооружение))
Kub, увы, других префиксов нет. Возможно, в Опера планировали сделать поддержку данной фишки, да не сподобились.
Вообще в опере не должно быть префиксов, ни мозиллы, ни вебкита, просто напишите border-raduis