/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

31 votes377 views3 answers
Rgba blue color
CSS
54 votes308 views6 answers
Css ellipsis
CSS
53 votes311 views4 answers
On hover css
CSS
1 vote311 views1 answer
Bootstrap ol
CSS
6 votes307 views1 answer
How to center an hr
CSS
0 vote317 views1 answer
Center text html css position fixed
CSS
1 vote351 views2 answers
Change the weight of a bold font css
CSS
4 votes373 views3 answers
Css print
CSS
20 votes319 views2 answers
Bootstrap screen sizes
CSS
0 vote909 views1 answer
Effetto fade con css
CSS

Share