+ 2

Can I have multiple radial-gradients in the background?

You can have multiple background images by simply adding a comma. But what if I want to create multiple radial gradients? Adding a comma does not work.

30th Oct 2017, 2:21 PM
Rodolfo Andrés Rivas Matta
Rodolfo Andrés Rivas Matta - avatar
2 Answers
+ 1
Sure thing. It works. Maybe there's a minor bug in your code. Try this. I hope it helps. #mytag { height: 150px; width: 200px; color: #FFF; background: -webkit-radial-gradient(circle, #BB55D2 25%, #AA238E 50%, #991155 75%); }
30th Oct 2017, 6:08 PM
Philip Kimathi
Philip Kimathi - avatar
+ 1
No, but I mean having multiple circles created with radial-gradient. Something like: background: radial-gradient(0 0, circle, red, blue), radial-gradient(100% 100%, circle, red, blue); Thanks for your help!
30th Oct 2017, 8:32 PM
Rodolfo Andrés Rivas Matta
Rodolfo Andrés Rivas Matta - avatar