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 vote204 views1 answer
Css vertical align with flexbox
CSS
1 vote195 views1 answer
A open new tab css
CSS
0 vote333 views1 answer
Remove materialize style input
CSS Materialize
0 vote250 views1 answer
Target only mozilla css
CSS
56 votes209 views2 answers
Responsive css code for all screen size
CSS
17 votes187 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
14 votes188 views2 answers
Css grid command for responsive design
CSS
0 vote189 views1 answer
Remove position absolute attribute by adding css
CSS
0 vote222 views1 answer
Matrix css
CSS
0 vote204 views1 answer
Ubuntu tor browser verification failed
CSS