Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

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

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

Questions on Webmasters Stack Exchange are expected to relate to webmastering within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the 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 '13 at 7:09
    
@Octopus it is offtopic because it's a better question for SO than it is for webmaster.SE –  AlanChavez Apr 11 '13 at 3:19
add comment

1 Answer 1

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.