Как сделать картинку круглой без ФШ

Суббота, 01 Февраля 2014 г. 07:23 + в цитатник

Цитата сообщения Лариса_Гурьянова

Прочитать целиком В свой цитатник или сообщество!

Как сделать картинку круглой без ФШ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Как сделать картинку круглой без ФШ

Было

 <img src="//img-fotki.yandex.ru/get/9355/136160416.11f/0_e37b8_401d5aa7_L.jpg" width="300" title="" alt="" border="0" />

Стало

 <img src="//img-fotki.yandex.ru/get/9355/136160416.11f/0_e37b8_401d5aa7_L.jpg" width="300" title="" alt="" border="0" style="border-radius: 100%;" />

Достаточно всего-навсего в HTML-формулу картинки в конце вставить тег

style="border-radius: 100%;"

как любая картинка становится круглой. Правда, здорово?

А если изменить проценты в этом теге, то можно закруглять края у картинки.
Вот, например, я поставила 16%
style="border-radius: 16%;"
И получили картинку с закругленными краями

Серия сообщений "фотошоп от Ларисы":
Часть 1 - Анимация свечи всего на 4-х кадрах.Урок от Ларисы
Часть 2 - Создание группы из слоёв.
Часть 3 - Выделение объектов в ФШ
Часть 4 - Как сделать картинку круглой без ФШ
Часть 5 - Урок для Photoshop "Как сделать красивый фон для Ли.ру инструментом градиент"
Часть 6 - коллаж и заготовки к нему
...
Часть 11 - Хитрости Adobe Photoshop CS5
Часть 12 - Снежно-зимние" уроки
Часть 13 - Декор в ФШ