Hey guys! In case you are curious about how my background is able to have more than one image going at the same time, here is a quick tip on background stacking.
With CSS you are able to do some neat things including stacking multiple pictures into your background settings.
Here is how I do it:
body {
background-image: url("example"),
url("exapmle2"),
url("example3");
background-color: #cccccc;
background-repeat: no-repeat;
background-size: 25%, 20%, cover;
background-position: left, right, bottom right;
}
Simply declare your pictures in the order you would like in a list with commas.
Remember the order of your pictures!!
It is very important cause you will need that order to adjust their other settings.
And that's it! Its a super simple trick to get really nice background effects!
https://i.pinimg.com/originals/25/f5/0b/25f50bca01a360d940cf512d2b336871.gif
No Comment