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

16 votes282 views5 answers
Scss loop
CSS
2 votes320 views2 answers
Image rendering values css
CSS
0 vote289 views1 answer
How to transition text color css
CSS
1 vote275 views2 answers
Css scrollbar in div
CSS
44 votes293 views6 answers
Gradient color css
CSS
3 votes282 views9 answers
Bootstrap 5
CSS
1 vote297 views1 answer
Css table grid
CSS
4 votes317 views4 answers
Composer rollback to v1
CSS
1 vote296 views1 answer
Repeat autofill css grid minmax
CSS
0 vote282 views2 answers
Easyui datagrid header color
CSS