Круглая картинка с помощью CSS

Нужна совершенно круглая картинка? Чего проще? Берем Photoshop, и режем картинку под нужный размер. Просто, работает во всех браузерах (даже в IE 🙂 ) но … так по-стариковски. Тем более, если речь идет о картинках в количестве, измеряемых десятками или сотнями (бывает и такое)… Лучше использовать CSS — примитивный код, и масса сэкономленного времени.

img {
width: 200px;
height: 200px;
border-radius: 50%;
}

Представленный код, обернутый <style type=»text/css»> позволяет сделать любую картинку совершенно круглой.
Круглая картинка с помощью CSS

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *