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

0 vote269 views1 answer
Css get the image to the center and to make it relative to the width of the parent.
CSS
45 votes192 views3 answers
Collapse all code vscode
CSS
85 votes149 views6 answers
Color code green
CSS
4 votes190 views4 answers
Composer rollback to v1
CSS
4 votes149 views2 answers
How to make fonts respnsive
CSS
1 vote158 views2 answers
How to change highlight color on website
CSS
0 vote171 views1 answer
Como diminuir uma imagem em css
CSS
1 vote144 views1 answer
Ion-tab-bar transparent
CSS
7 votes110 views1 answer
Dashed css
CSS
0 vote159 views1 answer
Animated display css
CSS