/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

0 vote137 views1 answer
How to change a checkbox to be selected
CSS
1 vote137 views1 answer
Input type date remove calendar icon
CSS
0 vote127 views1 answer
CSS - The Descendant Selectors
CSS
4 votes140 views1 answer
Css border botttom
CSS
0 vote137 views3 answers
Animate.css cdn
CSS
0 vote137 views1 answer
Flot css mdn
CSS
0 vote120 views1 answer
Padding bottom and top css in same ligne
CSS
0 vote173 views1 answer
Fixed div with scrollable content
CSS
0 vote146 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
0 vote127 views1 answer
Javafx change image on hover
CSS

Share