Take the tour ×

Hey guys I'm wondering if you know of any way on how to create a circular/elliptical gradient that has many colors?

An example of this is shown on the background of this Microsoft logo picture:

MS Windows 8 Meter

Any idea on how I would create it in HTML or CSS? Or would I have to use an image editing software like Photoshop?

share|improve this question
How is this off topic? The very fact that he is wanting to do this in HTML or CSS makes it very on topic. Just because it's not typically done doesn't make it off topic. –  Octopus Apr 10 at 7:09
@Octopus it is offtopic because it's a better question for SO than it is for webmaster.SE –  AlanChavez Apr 11 at 3:19
add comment

closed as off topic by bybe, John Conde Apr 10 at 1:08


1 Answer

You could do it in SVG or VML, but cross browser compatibility will be an issue. You can look at Raphaël, a javascript library for doing just this kind of stuff. It should help with the cross-browser issues.

See the colorpicker sample, for example.

share|improve this answer
add comment
