log

April 15, 2008

CSS Gradients

Yay, a future with­out alpha-PNG’s mas­querad­ing as gra­di­ents (or hav­ing to cre­ate an SVG for a sim­ple white fade).

Webkit’s lat­est won­der-fea­ture for design­ers (in addi­tion to the font ren­der­ing I love, rel posi­tioned gen­er­at­ed con­tent, text & box shad­ows, hsla/rgba sup­port and mul­ti­ple back­grounds) is ven­dor-pre­fixed sup­port for CSS Gra­di­ents. I’m encour­aged know­ing that Hyatt is on the CSSWG with a bunch of inter­est­ing specs pro­posed already.

Of course the nor­mal warn­ing for an incom­plete/ven­dor-pre­fixed fea­ture applies: don’t use it in a pro­duc­tion envi­ron­ment since the spec will change dur­ing stan­dard­i­s­a­tion. It’s unfor­tu­nate, but even the well-known CSS3 fea­tures like bor­der-radius (round­ed cor­ners) aren’t nailed down yet.