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

0 vote188 views1 answer
Nuxt css other site
CSS
2 votes230 views1 answer
Css div overlay div
CSS
17 votes217 views2 answers
Place item center in css using grid
CSS
0 vote204 views1 answer
Css how to find all ids that end with something
CSS
4 votes222 views1 answer
How to make image not repeat on background
CSS
1 vote214 views1 answer
Cards design html css
CSS
0 vote250 views1 answer
Espacio entre lineas css
CSS
1 vote255 views2 answers
Set an image half its original size css
CSS
24 votes213 views3 answers
Css change multiple classes
CSS
0 vote221 views1 answer
How to write text in middle of straight line in css
CSS