Answers for "how to adjust the scale of backgroun"

CSS
0

how to scale down background image in css

.bgSizeCover {
  background-image: url(https://www.mozilla.org/media/img/logos/firefox/logo-quantum.9c5e96634f92.png);
  background-size: cover;
  width: 100%;
  height: 100%;
  border: 2px solid;
  color: pink;
  resize: both;
  overflow: scroll;
}
Posted by: Guest on June-28-2021
0

background-size

/* Keyword values */
background-size: cover;
background-size: contain;

/* One-value syntax */
/* Only width of image (height is 'auto') */
background-size: 70%;
background-size: 4rem;
background-size: 50px;
background-size: auto;

/* Two-value syntax */
/* first: width, second: height */
background-size: 70% auto;
background-size: 4rem 25%;
background-size: auto 10px;
background-size: auto auto;

/* Multiple background images */
background-size: auto, auto; /* Not the same as 'auto auto' */
background-size: 70%, 20%, 25%;
background-size: 6rem, auto, contain;
Posted by: Guest on February-13-2022

Code answers related to "how to adjust the scale of backgroun"

Browse Popular Code Answers by Language