How To Make Image A Circle Css

May 21, 2022 by Rajeswari Palanivel

how to make image a circle css

img{
clip-path: circle();
}

or

img{
border-radius: 50%;
}

css photo circle

img{
clip-path: circle();
}

round image center

img.rounded {
object-fit: cover;
border-radius: 50%;
height: 100px;
width: 100px;
}

rounded scrolling images

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