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

7 votes150 views3 answers
Input checked by default
CSS
0 vote153 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
0 vote147 views1 answer
Webkit scrollbar padding
CSS
0 vote164 views1 answer
Initialize toast
CSS
-1 vote250 views1 answer
How to write a comment in css
CSS
3 votes102 views1 answer
Make item apper at the center of div
CSS
51 votes144 views6 answers
Css first element
CSS
4 votes156 views2 answers
Css trim text
CSS
6 votes140 views1 answer
How to center an hr
CSS
0 vote135 views2 answers
Systemd on wsl2
CSS