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.
}

Similar codes

0 vote149 views1 answer
Css animation 3d effect
CSS
0 vote150 views1 answer
Disable line breaking html span
CSS
27 votes154 views4 answers
Unselectable text css
CSS
5 votes138 views3 answers
Keep background image fixed during scroll using css
CSS
74 votes144 views6 answers
Css rounded corners
CSS
0 vote142 views1 answer
Input padding without changing width
CSS
0 vote152 views1 answer
Add black layer on image css
CSS
2 votes178 views1 answer
How to apply hover through inline css
CSS
1 vote154 views1 answer
Css grid minmax function
CSS
3 votes134 views2 answers
Expo vector icons install
CSS