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

3 votes191 views1 answer
Not disabled css
CSS
0 vote180 views1 answer
Not the first child and not the last child css
CSS
13 votes246 views1 answer
Remove style from link
CSS
2 votes194 views1 answer
Hover effect button css
CSS
0 vote213 views1 answer
Ion-split-pane width
CSS
1 vote205 views1 answer
Out transition does not ease
CSS
595 votes517 views10 answers
Gme stock
CSS
0 vote183 views1 answer
Selection Handler css
CSS
0 vote203 views2 answers
Css background-clip
CSS
0 vote206 views1 answer
Css box-shadow over other elements
CSS