Round picture using CSS

Need a completely round picture? Which is easier? We take Photoshop, and cut the picture to the desired size. It just works in all browsers (even in IE ?) but … so old-fashioned. Especially when it comes to pictures in quantities measured in tens or hundreds (sometimes it happens) … It is better to use CSS – a primitive code, and a lot of time saved.

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

Presented code wrapped <style type="text/css"> allows you to make any picture completely round.

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

Support the Blog!

Running a blog takes a lot of effort, time, and passion. Your donations help improve the content, inspire new ideas, and keep the project going.
If you’ve enjoyed the blog’s materials, any support would mean the world to me. Thank you for being here! ❤️

PayPal Logo Donate via PayPal

Revolut Logo Donate via Revolut