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

2 votes362 views2 answers
Remove the glow in bootstrap input
CSS
3 votes361 views2 answers
How to split a background into two color in css
CSS
1 vote375 views2 answers
How to center a position fixed element horizontally
CSS
0 vote357 views2 answers
Css text truncate 2 lines
CSS
24 votes378 views6 answers
Css filter
CSS
0 vote394 views1 answer
React bootstrap carousel not working
CSS
0 vote342 views1 answer
Mettre icloud en dossier barre
CSS
0 vote381 views1 answer
Understanding '>' sign in css selector
CSS
6 votes372 views1 answer
How to make text wrap on overfloe with css
CSS
10 votes352 views5 answers
Text-align property in css
CSS