xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
/* Define the gradient with desired colors and direction */
body {
background: linear-gradient(to right, #ff0000, #0000ff);
}
</style>
</head>
<body>
<!-- Your web page content here -->
</body>
</html>
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: 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');