/CSS/How to make image a circle css

How to make image a circle css

Css photo circle

img{
    clip-path: circle();
}

11

How to make image a circle css

img{
	clip-path: circle();
}

or

img{
	border-radius: 50%;
}

5

Round image center

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

0

Source: stackoverflow.com

Rounded scrolling images

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

0

Source: magictoolbox.com

Similar codes

0 vote202 views2 answers
Generate random grid in css
CSS
13 votes231 views7 answers
Animate.css
CSS
0 vote168 views1 answer
Resize logo html css
CSS
43 votes168 views3 answers
Css center horizontally and vertically
CSS
2 votes173 views2 answers
Bootstrap change color table striped
CSS
1 vote313 views1 answer
Use css in cshtml
CSS
3 votes198 views3 answers
How to use image zoom effect in css
CSS
0 vote127 views1 answer
How to make header on top
CSS
0 vote179 views1 answer
Css select alternate elements
CSS
0 vote188 views1 answer
Style textarea in css
CSS

Share