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

250 votes353 views10 answers
Bootstrap cdn
CSS
0 vote183 views3 answers
Add custom css to wordpress menu item
CSS
0 vote153 views1 answer
Body{text-align: center;}
CSS
2 votes137 views1 answer
Underline css animation hover
CSS
26 votes150 views4 answers
Css background image cover
CSS
0 vote152 views2 answers
How to remove default look of button
CSS
19 votes139 views6 answers
Css font family
CSS
13 votes148 views3 answers
How to change cursor in css on hover
CSS
26 votes169 views5 answers
Css text align left
CSS
239 votes373 views5 answers
Include bootstrap
CSS