/CSS/Css resize image to fit div no stretching

Css resize image to fit div no stretching

Css resize image to fit div no stretching

.div {
  background-image: url(../images/your-image.png);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

2

Source: stackoverflow.com

How to make an image fill its container without stretching

.cover {
  object-fit: cover;
  width: 50px;
  height: 100px;
}

0

Source: stackoverflow.com

Similar codes

8 votes219 views3 answers
Css darkmode
CSS
0 vote279 views1 answer
Css only if both classes
CSS
1 vote201 views1 answer
Lower image brightness css
CSS
0 vote198 views1 answer
How to get 2 words one left aligh and right align in css
CSS
0 vote223 views1 answer
Css input not clickable
CSS
1 vote194 views1 answer
Css background offset
CSS
5 votes209 views2 answers
Zoom animations in css
CSS
2 votes189 views1 answer
Css how to add double shadow to text
CSS
0 vote219 views1 answer
Box shadow to table cell css
CSS
0 vote211 views1 answer
Oracle apex interactive report odd even
CSS

Share