How to crop images in css

img{
	object-fit: cover;
}

Image crop using css 1:1

.img {
	object-fit: cover;         
  	object-position: 100% 0;  //move image position in x direction. 
  	object-position: 0 100%; //move image position in y direction.
}

Css crop image

.imgContainerDiv {
  overflow: hidden;
}

Style image so it crops

.alligator-turtle {
  object-fit: cover;
  object-position: 100% 0;

  width: 300px;
  height: 337px;
}

Source: alligator.io

Similar codes

0 vote311 views1 answer
Spinner in html css react
CSS
5 votes363 views2 answers
Materialize css cdn
CSS Materialize
0 vote276 views1 answer
Object-fit
CSS
73 votes207 views5 answers
Border-radius
CSS
1 vote213 views1 answer
Steps() property css
CSS
58 votes196 views2 answers
How to set css style using jquery
CSS
54 votes209 views8 answers
Media query
CSS
1 vote226 views2 answers
Css n number of lines only
CSS
3 votes198 views2 answers
Form css
CSS
3 votes216 views1 answer
Responsive flexbox in css
CSS