Bug 26530

Summary: Support transitions and animations of backgrounds, including gradients
Product: WebKit Reporter: Simon Fraser (smfr) <simon.fraser>
Component: Layout and RenderingAssignee: Simon Fraser (smfr) <simon.fraser>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: sam
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Macintosh   
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.
Comment 3 Simon Fraser (smfr) 2009-12-16 11:36:00 PST

*** This bug has been marked as a duplicate of bug 21725 ***