Weicher Übergang
background-image: linear-gradient(to right, red, orange, yellow, green, blue, purple);
Weicher Übergang mit jeweils 10px
background-image: linear-gradient(to right, red 10px, orange 20px, orange 30px, yellow 40px, yellow 50px, green 60px, green 70px, blue 80px, blue 90px, purple 100px);
Harter Übergang
background-image: linear-gradient(to right, red 17%, orange 17%, orange 34%, yellow 34%, yellow 50%, green 50%, green 67%, blue 67%, blue 84%, purple 84%);
Farbverlauf mit doppelten Längenangaben
background-image: linear-gradient( to right, red 17%, orange 0 34%, yellow 0 50%, green 0 67%, blue 0 84%, purple 84% );
Farbverlauf nach unten mit doppelten Längenangaben
background-image: linear-gradient( to right, red 17%, orange 0 34%, yellow 0 50%, green 0 67%, blue 0 84%, purple 84% );
Farbverlauf nach unten mit doppelten Längenangaben
background-image: linear-gradient(#ffffff, #000000, #ffffff);