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.