Borders and backgrounds with CSS3 - HTML5 and CSS3 - page 386

Note that, because the old WebKit-based browsers don't support
spread-radius , an extra shadow has been added in an effort to simulate
the effect. Text shadows are supported, using the standard syntax in
Safari 1.1 and Chrome 2.0, but support for multiple shadows was only
added in the 4.0 versions.

Cross-browser CSS3 gradients

For older WebKit-based browsers, you should use the original syntax.
Use the Mozilla syntax in older Firefox and newer versions of Safari
and Chrome. Newer Firefox as well as Opera 12 and the IE10 preview
support the standard syntax, Firefox and Opera with a vendor prefix.
To support all browsers that support CSS gradients, your cross-
browser code should look something like this:

Fallback for browsers
with no support

background: #6c0;
background: -webkit-gradient(linear, left top, left bottom,
from(#00abeb), to(#fff),
color-stop(0.5, #fff),
color-stop(0.5, #66cc00));
background: -webkit-linear-gradient(
top, #0ae, #fff 50%, #6c0 50%, #fff);
background: -moz-linear-gradient(

Legacy WebKit
support WebKit support

Legacy
Firefox
support