|Summary:||Support transitions and animations of backgrounds, including gradients|
|Product:||WebKit||Reporter:||Simon Fraser (smfr) <simon.fraser>|
|Component:||Layout and Rendering||Assignee:||Simon Fraser (smfr) <simon.fraser>|
|Version:||528+ (Nightly build)|
|OS:||OS X 10.5|
Description Simon Fraser (smfr) 2009-06-18 20:24:54 PDT
WebKit should support transitions of CSS gradients. As a first pass, we should animate between gradients with the same type, and the same number of color stops. In future, we could synthesize color stops to be able to animate between gradients with different numbers of stops. I guess we could interpolate between radial and linear by increasing the radius towards infinity?
Comment 1 Simon Fraser (smfr) 2009-06-18 20:30:43 PDT
Hrm, this is harder than I thought. We actually need to animate background-image; -webkit-gradient is just a type of image.
Comment 2 Simon Fraser (smfr) 2009-06-18 21:19:05 PDT
It's even harder: 1. Ideally we need to handle transitions via FillLayers, so we deal with multiple backgrounds. 2. When we do this, we should make it so that we can cross-fade background images. 3. The CSS gradient info is not held in the RenderStyle structures. The StyleImage for a gradient is a StyleGeneratedImage, which points back to a CSSImageGeneratorValue, from which a Gradient is created on the fly for painting.