<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>26530</bug_id>
          
          <creation_ts>2009-06-18 20:24:54 -0700</creation_ts>
          <short_desc>Support transitions and animations of backgrounds, including gradients</short_desc>
          <delta_ts>2009-12-16 11:36:00 -0800</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>Layout and Rendering</component>
          <version>528+ (Nightly build)</version>
          <rep_platform>Mac</rep_platform>
          <op_sys>OS X 10.5</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>DUPLICATE</resolution>
          <dup_id>21725</dup_id>
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Simon Fraser (smfr)">simon.fraser</reporter>
          <assigned_to name="Simon Fraser (smfr)">simon.fraser</assigned_to>
          <cc>sam</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>126872</commentid>
    <comment_count>0</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2009-06-18 20:24:54 -0700</bug_when>
    <thetext>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?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>126873</commentid>
    <comment_count>1</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2009-06-18 20:30:43 -0700</bug_when>
    <thetext>Hrm, this is harder than I thought. We actually need to animate background-image; -webkit-gradient is just a type of image.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>126875</commentid>
    <comment_count>2</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2009-06-18 21:19:05 -0700</bug_when>
    <thetext>It&apos;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.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>172436</commentid>
    <comment_count>3</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2009-12-16 11:36:00 -0800</bug_when>
    <thetext>

*** This bug has been marked as a duplicate of bug 21725 ***</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>