Circular Images using pure CSS

Below code snippet helps you change the image into circular one.
i.e. - Now-a-days most of websites shows the images or profile avatars in Circular format, you might be wondering how can this be done.
It's very simple and can be done just using pure css.

Here's how you can do it !!!

Demo on jsfiddle

HTML

1. <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTgKBFpU1FHBwHrXk21RGsT8uMM05nEYrijpXWX2qGKdLciMiRmsUDIJsQZ5ibSp7QQJnA-6mPezV47SXyPKN4Vjt6qPceb1QsCGGGYSsk_vPmg-3aBPV1_daVU9dV3Qh3SYuW2m7jqA/s320/15.jpg">

CSS

1. img {
2.   border-radius: 178px;
3. }