Fastest way to make rounded images in CSS

I never knew, that to make a beautiful circle image, out of normal box picture or div, all you have to do, is to set border-radius to 50%. Add proper border and padding to get a really cool effect.

A example:

.shadowed_circle
{
border-radius: 50%;
padding: 6px;
border: 1px solid #ebebeb;
}

Just, like in encodedlife.com’s About Team page (page itself is in Spanish, so look for “El equipo que forma Encoded Life” section). From where above example actually came.

Leave a Reply