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

0 vote362 views1 answer
Adding script in vat for product order shopify
CSS
0 vote350 views1 answer
Font shorthand CSS
CSS
0 vote353 views1 answer
Install wrangler
CSS
0 vote369 views1 answer
Webkit scrollbar padding
CSS
0 vote385 views1 answer
Mvc dynamic css
CSS
0 vote367 views1 answer
Paper.css
CSS
18 votes363 views4 answers
Css rotate animation
CSS
9 votes368 views3 answers
Css bottom
CSS
2 votes357 views1 answer
Add image ::before css
CSS
1 vote348 views1 answer
Css no underline
CSS