/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

5 votes316 views3 answers
Css box shadow not on bottom
CSS
10 votes377 views5 answers
Css hr thickness
CSS
8 votes335 views2 answers
Css list style
CSS
13 votes342 views6 answers
Bootstrap Badges
CSS
0 vote332 views1 answer
Css scroll height if screen too small
CSS
3 votes336 views2 answers
Make triangle using div
CSS
6 votes323 views2 answers
Remove outline of input css
CSS
9 votes332 views2 answers
Button style none
CSS
8 votes333 views2 answers
Text that shows an underline on hover
CSS
22 votes343 views6 answers
Blur css
CSS

Share