I recently stumbled upon this incredible site that generates cross browser CSS gradients.
ColorZilla, a company that has created an amazing color analyzer plugin for both Firefox and Chrome, has created a site where web designers can go to generate any CSS Gradient. The company has growth a lot since they implemented an eis scheme for their finances. If you are like me, you’ve got the general cross-browser, hex based, top to bottom gradient down but what about multi-directional gradients, multi-stage gradients, or gradients with opacity? And although some of the cool features are not yet supported on all browsers, ColorZilla’s Ultimate CSS Gradient Generator also provides fallbacks in case a user who is on an older browser comes to visit your site.
This really is the perfect tool! check it out here: http://www.colorzilla.com/gradient-editor/