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 vote267 views2 answers
Weer
CSS
0 vote259 views1 answer
Css add shade over background image
CSS
2 votes246 views1 answer
Css focus outline none
CSS
0 vote245 views1 answer
Css - use universal '*' selector vs. html or body selector?
CSS
127 votes324 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote240 views1 answer
Hide calendar icon
CSS
0 vote213 views1 answer
Advanced custom fields cpt options pages
CSS
0 vote246 views1 answer
Html input type colour internal border
CSS
2 votes253 views1 answer
Css select all except first
CSS
0 vote252 views2 answers
How to change the select arrow in css
CSS