Home | All Fwiends | Random | Online | Music | Blog | Search

xJONIx's Blog

"ฅ^•ﻌ•^ฅ"
Transformer
21 years old
Interzone
Last Login: 1616486985000
Contacting xJONIx
Message
Report
Add
Block
All Blogs (1/10)
1593456949000

My CSS Background

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

Please login to leave a comment.