Answers for "css make image round"

css image round

img {
  border-radius: 50%;
  height:200px;
  width:200px;
} 
/*image size, (height & width) both must be same.
	if they are not same then no circle. 
*/

css crop image to circle

background-image: url("url");
width:100px;
height:100px;
background-size:contain;
background-position:center;
border-radius:50%;

how to make rounded corners in css with images

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

rounded immage

border-radius: 15px 50px 30px 5px; (first value applies to top-left corner, second value applies to top-right corner, third value applies to bottom-right corner, and fourth value applies to bottom-left corner)

rounded scrolling images

<div class="MagicScroll" data-options="loop: rewind;">    <img src="example1.jpg" />    <img src="example2.jpg" />    ...</div>