It is now very easy to display circled , circular images using CSS3 on web pages. The feature to be used is border-radius . border-radius gives curves to borders of element and thus can produce rounded or circular images.
How Circular Images using CSS3 are produced?
Circular images using CSS3 can be produced in a special case. The special case is that the original image should be perfect square. If height and width of image are equal and border-radius is applied correctly, circular image is displayed from squared image.
Following is the shared code chunk for producing circular images using CSS3
<img src="006.jpg" class="circle_imgs">