Make a linear-gradient in different directions. | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 2

Make a linear-gradient in different directions.

Is it possible to make a linear gradient background where green comes from the top left, blue from the top right, orange from the bottom and red in the middle?

22nd Sep 2019, 6:22 PM
Ethan
Ethan - avatar
3 Answers
+ 4
Thats how it is broh... It has to be like that... I don think there is a way you can put multiple gradients...
24th Sep 2019, 4:37 PM
Web Shark
Web Shark - avatar
+ 3
You use the format : >>background-image: linear-gradient(left, color1, ...to color x); Where left can be switched with 'to top right', 'to bottom left' etc etc... Or switch left with degrees eg (-45deg)...
23rd Sep 2019, 8:22 PM
Web Shark
Web Shark - avatar
0
It doesn't work? If I put another linear-gradient, then the second linear-gradient overlaps the first one etc.
24th Sep 2019, 5:47 AM
Ethan
Ethan - avatar