up vote 0 down vote favorite
1

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: http://img12.imageshack.us/img12/8800/wsmicrosoftwindows8metr.jpg

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 2 days ago

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

Questions on Webmasters Stack Exchange are expected to relate to webmastering within the scope defined in the FAQ. 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 closed questions here.

1 Answer

up vote 1 down vote

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

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