img {
border-radius: 50%;
height:200px;
width:200px;
}
/*image size, (height & width) both must be same.
if they are not same then no circle.
*/
img {
border-radius: 50%;
}img{
width: 200px;
height:200px;
border-radius: 50%;
} img {
border-radius: 50%;
height:100px;
width:100px;
}
/* change image height and width to see your image preview.
for me all of the different images dimensions are rounded with this css*/
/*Note :Height and width should be of same size*/<div class="MagicScroll" data-options="loop: rewind;"> <img src="example1.jpg" /> <img src="example2.jpg" /> ...</div>