xxxxxxxxxx
background: radial-gradient(#fc466b, #7857d0, #3f5efb);
/* Answer below added a wrongfull space in the syntax after radial-gradient. Dude if u help people atleast make sure the code is correct dude.. */
xxxxxxxxxx
/* Using linear gradient */
div {
background: linear-gradient(to bottom, #e66465, #9198e5);
}
/* Using radial gradient */
div {
background: radial-gradient(circle, #ff0000, #0000ff);
}
xxxxxxxxxx
/* from up to down */
.bg-gradient {
background-image: linear-gradient(red, yellow);
}
/* from left to right */
.bg-gradient {
background-image: linear-gradient(to right, red, yellow);
}
xxxxxxxxxx
background: linear-gradient(-70deg, #fa7c30 30%, rgba(0, 0, 0, 0) 30%), url('planets.jpg');
xxxxxxxxxx
background: rgb(16,22,46);
background: linear-gradient(90deg, rgba(16,22,46,1) 0%, rgba(9,95,173,0.7036064425770308) 50%, rgba(16,22,46,1
xxxxxxxxxx
background: linear-gradient(-70deg, #fa7c30 30%, rgba(0, 0, 0, 0) 30%), url('planets.jpg');
xxxxxxxxxx
background: linear-gradient(-70deg, #fa7c30 30%, rgba(0, 0, 0, 0) 30%), url('planets.jpg');
xxxxxxxxxx
background: linear-gradient(-70deg, #fa7c30 30%, rgba(0, 0, 0, 0) 30%), url('planets.jpg');