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

2 votes223 views5 answers
Csgo
CSS
0 vote251 views2 answers
Css hover affect other item
CSS
0 vote218 views1 answer
Page rotate css
CSS
0 vote250 views1 answer
Ecto generator create new mvc
CSS
35 votes264 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
0 vote225 views1 answer
Module build failed: TypeError: Invalid PostCSS Plugin found: [0]
CSS
0 vote281 views3 answers
Bulma lowercase
CSS Bulma
5 votes234 views2 answers
Onclick reload an iframe
CSS
5 votes243 views2 answers
Css text cut dots
CSS
0 vote224 views2 answers
Easyui datagrid header field color
CSS