Sideways linear gradient

/* A gradient tilted 45 degrees,
   starting blue and finishing red */
linear-gradient(45deg, blue, red);

/* A gradient going from the bottom right to the top left corner,
   starting blue and finishing red */
linear-gradient(to left top, blue, red);

/* Color stop: A gradient going from the bottom to top,
   starting blue, turning green at 40% of its length,
   and finishing red */
linear-gradient(0deg, blue, green 40%, red);

/* Color hint: A gradient going from the left to right, 
   starting red, getting to the midpoint color 
   10% of the way across the length of the gradient, 
   taking the rest of the 90% of the length to change to blue */ 
linear-gradient(.25turn, red, 10%, blue);

/* Multi-position color stop: A gradient tilted 45 degrees, 
   with a red bottom-left half and a blue top-right half, 
   with a hard line where the gradient changes from red to blue */
linear-gradient(45deg, red 0 50%, blue 50% 100%);

Source: developer.mozilla.org

Similar codes

1 vote96 views1 answer
Why are suacer pans made of bakelite
CSS
8 votes124 views1 answer
Full screen image
CSS
0 vote123 views1 answer
Css center modal vertically
CSS
6 votes130 views5 answers
Remove line from a href css
CSS
-1 vote97 views2 answers
How to add border between links in navigation bar
CSS
5 votes168 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
16 votes216 views5 answers
Sass loops
CSS
0 vote172 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
20 votes117 views5 answers
Background color transparent opacity css
CSS
0 vote115 views2 answers
CSS Or Selector
CSS