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!

Accent theme by Handsome Code


view archive



Ask me anything