/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 vote230 views1 answer
Scss if
CSS
0 vote216 views1 answer
Media queries and or conditions
CSS
45 votes204 views6 answers
How to write css in html
CSS
0 vote206 views1 answer
Add css file through jquery
CSS
0 vote207 views1 answer
Css background image svg not showing
CSS
0 vote208 views2 answers
Css lighten function
CSS
10 votes202 views1 answer
Css when click select another class
CSS
0 vote212 views1 answer
Vertical divider between my flexbox
CSS
1 vote216 views1 answer
Css > symbol
CSS
0 vote231 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS