Тема: Круглые  авы (WAP/WEB мастеру/Помощь мастерам)

Коте (4 Mar 2016 в 20:28)
:D Обреж концы

Королева (4 Mar 2016 в 20:31)
.avatar{
border-radius:30%;
}
		[i]Добавлено:[/i]
		Коте, очень остроумно

Pro_100_Igor (4 Mar 2016 в 21:28)
Не рекомендую делать так. Так как только маленькие аватарки будут круглыми, а вот большие не красиво смотреться будут.

Королева (4 Mar 2016 в 21:51)
Pro_100_Igor, можно ведь и так сделать например
.avatar2{
border-radius:30%;
}
и использовать где требуется. я лишь пример показала.

Engine (4 Mar 2016 в 23:55)
Королева, 50% для круга

Королева (5 Mar 2016 в 01:02)
Engine, спасибо, что поправил Дим)

Pro_100_Igor (5 Mar 2016 в 09:51)
Королева, ну можно и так)

scpasis13 (5 Mar 2016 в 11:48)
--Цитата--
Engine (4 Mar 2016 в 23:55):
Королева, 50% для круга
----------
Engine, -moz- , -o-, -webkit- что бы на всех бравзерах работало

Сибирский (5 Mar 2016 в 12:27)
--Цитата--
scpasis13 (5 Mar 2016 в 11:48):
Engine, -moz- , -o-, -webkit- что бы на всех бравзерах работало
----------
scpasis13, эти префиксы устарели уже как лет 5 назад, достаточно просто border-radius:

Jvk35 (5 Mar 2016 в 12:33)
Тебе за округленные концы или полностю круглые или при нажатии становятся круглыми?

Engine (5 Mar 2016 в 21:55)
scpasis13, сомневаюсь, что кто то сидит с оперы ниже третьей версии. Хром вообще с первой версии поддерживает это свойство

Источник: http://www.dcms-social.ru/forum/20/44/61321/