Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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

PREVIOUS NEXT
Code Example
Css :: drop shadow css 
Css :: align center 
Css :: center align div vertically and horizontally css 
Css :: center div absolute 
Css :: html three dots ellipsis 
Css :: add space between all html elements flex 
Css :: display flex column width auto 
Css :: scss transition 
Css :: div nebeneinander 
Css :: center div horizontally 
Css :: css grow animation 
Css :: google font roboto 
Css :: css div bottom of parent 
Css :: hide scroll bar 
Css :: css a4 proportion 
Css :: how to add background image in styled components 
Css :: box shadow transperent 
Css :: ionchips scroll x 
Css :: css center vertically 
Css :: css edit scroll bar 
Css :: hover effect on sibling element tailwind 
Css :: background color css rgb 
Css :: place many images in a div beautifully 
Css :: remove accordion space materuail ui css 
Css :: padding clamp 
Css :: remove border radius select css 
Css :: center item 
Css :: how to move text down in css 
Css :: circle button css 
Css :: tint image with background color css 
ADD CONTENT
Topic
Content
Source link
Name
3+2 =