circle shape image crop html css code example
Example 1: css crop image to circle
background-image: url("url");
width:100px;
height:100px;
background-size:contain;
background-position:center;
border-radius:50%;
Example 2: 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;
}