Crop image with circle css

Css crop image to circle

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

Crop image with circle css

.image-cropper {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

img {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
}

Source: stackoverflow.com

Similar codes

2 votes383 views1 answer
How to put a black overlay on a photo css
CSS
2 votes347 views2 answers
Remove border iframe
CSS
0 vote355 views1 answer
How to make custom grid
CSS
2 votes331 views1 answer
Not hover css
CSS
7 votes420 views1 answer
Remve arrow from input ype number
CSS
2 votes325 views3 answers
Placeholder color default
CSS
4 votes333 views3 answers
Trash icon font awesome
CSS
1 vote330 views1 answer
Change the color of an hr
CSS
4 votes316 views5 answers
Placeholder text css
CSS
17 votes333 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS