Add the "Multiple Backgrounds " section (#25910)
Multiple backgrounds section has been added to the article with repective css
This commit is contained in:
@ -90,6 +90,18 @@ It doesn't matter if one property is missing, so long as the order is maintained
|
|||||||
This will work even if the color and the attachment are missing.
|
This will work even if the color and the attachment are missing.
|
||||||
|
|
||||||
|
|
||||||
|
### Multiple Backgrounds
|
||||||
|
|
||||||
|
You can pass in multple background images and set their properties simultaneously.
|
||||||
|
|
||||||
|
```css
|
||||||
|
background-image: url("firstimage.jpg"), url("secondimage.jpg");
|
||||||
|
background-repeat: no-repeat, repeat;
|
||||||
|
background-position: left bottom, right bottom;
|
||||||
|
```
|
||||||
|
|
||||||
|
You can add individual properties to individual images in their respective order.
|
||||||
|
|
||||||
#### More Information:
|
#### More Information:
|
||||||
<!-- Please add any articles you think might be helpful to read before writing the article -->
|
<!-- Please add any articles you think might be helpful to read before writing the article -->
|
||||||
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background' target='_blank' rel='nofollow'>MDN</a>
|
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/background' target='_blank' rel='nofollow'>MDN</a>
|
||||||
|
Reference in New Issue
Block a user