/CSS/How to change the width of a background image in css

How to change the width of a background image in css

Background image size css

#example1 {
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}

#example2 {
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: 300px 100px;
}

How to change the width of a background image in css

#example1 {		/* Example1 has an auto background size */
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}

#example2 {		/* Example2 has an fixed background size */
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: 300px 100px;
}

Background image height and width

.class{
	background: url("../images/icons/map.png") no-repeat center center/50px 50px fixed;
}

Similar codes

0 vote261 views1 answer
Remove effect off animation css
CSS
0 vote242 views1 answer
Add glow to image css
CSS
0 vote260 views1 answer
Studio 3t restore snapshot
CSS
0 vote229 views1 answer
Flex box writing sideways text top to bottom
CSS
1 vote227 views2 answers
Hover border bottom css fixed
CSS
0 vote227 views1 answer
Div with no content have a width/height
CSS
2 votes233 views2 answers
Css heading background line
CSS
0 vote208 views1 answer
#f2f2f2 in rgba
CSS
0 vote232 views1 answer
For...of...loop
CSS
0 vote269 views1 answer
Regex remove css comment
CSS