[Solved] Gradients in CSS

[verschha]

I’ve a requirement to have a background using gradients. After some searching I found this:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#9B9B9B',GradientType=0); /* For IE6 - 9 */
background: -webkit-linear-gradient(#FFFFFF, #9B9B9B); /* For Safari */
background: -o-linear-gradient(#FFFFFF, #9B9B9B); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FFFFFF, #9B9B9B); /* For Firefox 3.6 to 15 */
background: linear-gradient(#FFFFFF, #9B9B9B); /* Standard syntax (must be last) */ Although this looks good, it should be a bit more specific, The top 150 pixels should be white, the next 200 pixels a gradiënt from #FFFFFF’ to #9B9B9B, the next 200 pixels a gradiënt from #9B9B9B’ to #FFFFFF and below that everything should be white.

Can, and if so, how can this be done? Note that it should work on all browsers!

[alexmccabe]

Create your gradient using this, then change the % values to px values. Done.

[verschha]

Thanks

[Author]

Posts