Mar
27th
Fri
27th
Radial Gradiant in Safari / Webkit (CSS3)
Many of the docs on gradient support in WebKit right now only include examples for “linear” style gradients, while just mentioning the syntax for “radial” styles:
-webkit-gradient(type, inner_center, inner_radius, outer_center, outer_radius, / stop...)
So here’s an example of how to do a “radial” background gradient:
background: -webkit-gradient(radial, left top, 30, left top, 100, color-stop(0.7, #7C95AC), from(#FFF), to(#304B67));
And here it is!
