<?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>53089</bug_id>
          
          <creation_ts>2011-01-25 09:08:52 -0800</creation_ts>
          <short_desc>SVG &lt;animateTransform&gt; should use display acceleration in similar way like CSS3 transformations do</short_desc>
          <delta_ts>2011-09-07 09:53:29 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>SVG</component>
          <version>528+ (Nightly build)</version>
          <rep_platform>All</rep_platform>
          <op_sys>All</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P2</priority>
          <bug_severity>Enhancement</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="MH">martin.hejral</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>cmarrin</cc>
    
    <cc>dino</cc>
    
    <cc>krit</cc>
    
    <cc>mdelaney7</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>zimmermann</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>339668</commentid>
    <comment_count>0</comment_count>
    <who name="MH">martin.hejral</who>
    <bug_when>2011-01-25 09:08:52 -0800</bug_when>
    <thetext>We have already working animation acceleration with CSS3 transitions (tested with Safari 5.0.2). 

Well. Very good job!

Why not expand implementation of this algorithm for transformation / SMIL animation of vector graphics too? ;-)

I am thinking about acceleration of basic SMIL &lt;animateTransform&gt;... Very useful when working with large SVG vector graphics like maps, etc.

&lt;animateTransform attributeName=&quot;transform&quot; type=&quot;scale&quot;...
&lt;animateTransform attributeName=&quot;transform&quot; type=&quot;rotate&quot; ...
&lt;animateTransform attributeName=&quot;transform&quot; type=&quot;translate&quot; ...
&lt;animateTransform attributeName=&quot;transform&quot; type=&quot;skewX&quot; ...
&lt;animateTransform attributeName=&quot;transform&quot; type=&quot;skewY&quot; ...

By my opinion, this should be not too time expensive...</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339669</commentid>
    <comment_count>1</comment_count>
      <attachid>80068</attachid>
    <who name="MH">martin.hejral</who>
    <bug_when>2011-01-25 09:11:29 -0800</bug_when>
    <thetext>Created attachment 80068
examples of &lt;animateTransform&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339690</commentid>
    <comment_count>2</comment_count>
      <attachid>80071</attachid>
    <who name="MH">martin.hejral</who>
    <bug_when>2011-01-25 09:38:30 -0800</bug_when>
    <thetext>Created attachment 80071
effect of acceleration is nicely shown here</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339714</commentid>
    <comment_count>3</comment_count>
      <attachid>80068</attachid>
    <who name="Dirk Schulze">krit</who>
    <bug_when>2011-01-25 10:11:17 -0800</bug_when>
    <thetext>Comment on attachment 80068
examples of &lt;animateTransform&gt;

I&apos;d suggest you reopen the file. Is it that what you want?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339735</commentid>
    <comment_count>4</comment_count>
    <who name="MH">martin.hejral</who>
    <bug_when>2011-01-25 10:38:24 -0800</bug_when>
    <thetext>(In reply to comment #3)
&gt; (From update of attachment 80068 [details])
&gt; I&apos;d suggest you reopen the file. Is it that what you want?

Yes :)

1st SVG file is only demonstration of animations which can be accelerated

2nd file very good shows acceleration effect, when only low-res bitmap is animated, and vector is rendered after animation stops.

Currently in every animation phase vectors are complete re-rendered again and again (tested with Safari 5.0.2). (and thx for MIME correction)</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339740</commentid>
    <comment_count>5</comment_count>
    <who name="Dirk Schulze">krit</who>
    <bug_when>2011-01-25 10:45:09 -0800</bug_when>
    <thetext>(In reply to comment #4)
&gt; (In reply to comment #3)
&gt; &gt; (From update of attachment 80068 [details] [details])
&gt; &gt; I&apos;d suggest you reopen the file. Is it that what you want?
&gt; 
&gt; Yes :)
&gt; 
&gt; 1st SVG file is only demonstration of animations which can be accelerated
&gt; 
&gt; 2nd file very good shows acceleration effect, when only low-res bitmap is animated, and vector is rendered after animation stops.
&gt; 
&gt; Currently in every animation phase vectors are complete re-rendered again and again (tested with Safari 5.0.2). (and thx for MIME correction)

There are different reasons why we don&apos;t do it. First for HTML/CSS we&apos;re using layers and just the layer gets transformed and re rendered afterwards. We don&apos;t have different layers in SVG (with the exception of foreignObject). The second reason is, that you don&apos;t want to see pixelation on SVG-  at no time. Thats the reason for using vector graphics. Thats also the reason why we repaint the _necessary_ parts on every update.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339755</commentid>
    <comment_count>6</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2011-01-25 10:55:43 -0800</bug_when>
    <thetext>It would be quite a bit of work to fix this.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339759</commentid>
    <comment_count>7</comment_count>
    <who name="Dirk Schulze">krit</who>
    <bug_when>2011-01-25 10:59:30 -0800</bug_when>
    <thetext>(In reply to comment #6)
&gt; It would be quite a bit of work to fix this.
What do you expect to be fixed? The layering on SVG, or the repaint &quot;issue&quot; on the HTML/CSS example? (Please don&apos;t say both :-P)</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339764</commentid>
    <comment_count>8</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2011-01-25 11:06:55 -0800</bug_when>
    <thetext>Pixelation during the animation is bug 27684.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339772</commentid>
    <comment_count>9</comment_count>
    <who name="MH">martin.hejral</who>
    <bug_when>2011-01-25 11:13:47 -0800</bug_when>
    <thetext>&gt; There are different reasons why we don&apos;t do it. First for HTML/CSS we&apos;re using layers and just the layer gets transformed and re rendered afterwards. We don&apos;t have different layers in SVG (with the exception of foreignObject). The second reason is, that you don&apos;t want to see pixelation on SVG-  at no time. Thats the reason for using vector graphics. Thats also the reason why we repaint the _necessary_ parts on every update.

Yes, I understand 1st reason very good. I supposed something similar ;-)

But the second I can not clearly confirm. A little explanation: I am currently working on huge SVG project which works (JS manipulation with DOM) with complex vector dravings. And in case I need zoom-in such drawing, I have big problem :( Especially on mobile Webkit... pixelation on SVG is really NOT my problem :))

OK, possibly, I can resolve this using XHTML, when SVG will be in your separate layers ;-)

But... there is another issue in such complex SVG...

&gt; we repaint the _necessary_ parts on every update.

In facts: this smart repainting DOES NOT work very well and some elements are not repainted... I am only change color of &lt;path&gt; el. using direct change of stroke=&quot;red&quot; or &quot;style=&quot;stroke:red&quot;... this is REAL problem.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339777</commentid>
    <comment_count>10</comment_count>
    <who name="MH">martin.hejral</who>
    <bug_when>2011-01-25 11:19:54 -0800</bug_when>
    <thetext>I answer parallel in middle time in Comment #9 

...with REAL complex vector dravings... Especially on mobile Webkit... pixelation on SVG is really NOT my problem :))

So, by my opinion would be great to use layering on SVG...

Maybe create layer only for some special cases of SMIL transformations? 

I mean this:

&lt;animateTransform attributeName=&quot;transform&quot; type=&quot;scale&quot;...
&lt;animateTransform attributeName=&quot;transform&quot; type=&quot;rotate&quot; ...
&lt;animateTransform attributeName=&quot;transform&quot; type=&quot;translate&quot; ...
&lt;animateTransform attributeName=&quot;transform&quot; type=&quot;skewX&quot; ...
&lt;animateTransform attributeName=&quot;transform&quot; type=&quot;skewY&quot; ...</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339778</commentid>
    <comment_count>11</comment_count>
    <who name="MH">martin.hejral</who>
    <bug_when>2011-01-25 11:22:46 -0800</bug_when>
    <thetext>(In reply to comment #7)
&gt; &gt; It would be quite a bit of work to fix this.
&gt; What do you expect to be fixed? The layering on SVG, or the repaint &quot;issue&quot; on the HTML/CSS example? (Please don&apos;t say both :-P)

sorry for mismatch, my answer is Comment #10</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339780</commentid>
    <comment_count>12</comment_count>
    <who name="Dirk Schulze">krit</who>
    <bug_when>2011-01-25 11:24:15 -0800</bug_when>
    <thetext>(In reply to comment #9)
&gt; In facts: this smart repainting DOES NOT work very well and some elements are not repainted... I am only change color of &lt;path&gt; el. using direct change of stroke=&quot;red&quot; or &quot;style=&quot;stroke:red&quot;... this is REAL problem.

It should work. We&apos;re happy about every example that fails on WebKit. Please open a new bug report about repaint issues on SVG and attache the test!

To the pixelation. I&apos;m not sure if SVG 1.2 tiny defines the opportunity to seed up animations like this, but we are implementing SVG 1.1 Full and a viewer with Full support should always guarantee the best quality.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339781</commentid>
    <comment_count>13</comment_count>
    <who name="Dirk Schulze">krit</who>
    <bug_when>2011-01-25 11:27:00 -0800</bug_when>
    <thetext>(In reply to comment #10)
&gt; I answer parallel in middle time in Comment #9 
&gt; 
&gt; ...with REAL complex vector dravings... Especially on mobile Webkit... pixelation on SVG is really NOT my problem :))
&gt; 
&gt; So, by my opinion would be great to use layering on SVG...
&gt; 
&gt; Maybe create layer only for some special cases of SMIL transformations? 
&gt; 
&gt; I mean this:
&gt; 
&gt; &lt;animateTransform attributeName=&quot;transform&quot; type=&quot;scale&quot;...
&gt; &lt;animateTransform attributeName=&quot;transform&quot; type=&quot;rotate&quot; ...
&gt; &lt;animateTransform attributeName=&quot;transform&quot; type=&quot;translate&quot; ...
&gt; &lt;animateTransform attributeName=&quot;transform&quot; type=&quot;skewX&quot; ...
&gt; &lt;animateTransform attributeName=&quot;transform&quot; type=&quot;skewY&quot; ...

We will come to layer implementations later, definitely. But the plan was to use layers for 3D animations. Using layers in general does not guarantee fast rendering. The opposite can be the case.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339808</commentid>
    <comment_count>14</comment_count>
    <who name="MH">martin.hejral</who>
    <bug_when>2011-01-25 11:56:26 -0800</bug_when>
    <thetext>(In reply to comment #12)
&gt; &gt; In facts: this smart repainting DOES NOT work very well and some elements are not repainted... I am only change color of &lt;path&gt; el. using direct change of stroke=&quot;red&quot; or &quot;style=&quot;stroke:red&quot;... this is REAL problem.
&gt; 
&gt; It should work. We&apos;re happy about every example that fails on WebKit. Please open a new bug report about repaint issues on SVG and attache the test!

I can not public private graphic data I use for the project (these are complex technical schemas), but will try to create some example later... the issue may be related with the fact, that XML-SVG data are loaded dynamically by AJAX...

Additionally: I was also trying to use JS &quot;svgNode.forceRedraw&quot; — with no success. I will do some more exploration.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>339828</commentid>
    <comment_count>15</comment_count>
    <who name="Dirk Schulze">krit</who>
    <bug_when>2011-01-25 12:13:39 -0800</bug_when>
    <thetext>(In reply to comment #14)
&gt; (In reply to comment #12)
&gt; &gt; &gt; In facts: this smart repainting DOES NOT work very well and some elements are not repainted... I am only change color of &lt;path&gt; el. using direct change of stroke=&quot;red&quot; or &quot;style=&quot;stroke:red&quot;... this is REAL problem.
&gt; &gt; 
&gt; &gt; It should work. We&apos;re happy about every example that fails on WebKit. Please open a new bug report about repaint issues on SVG and attache the test!
&gt; 
&gt; I can not public private graphic data I use for the project (these are complex technical schemas), but will try to create some example later... the issue may be related with the fact, that XML-SVG data are loaded dynamically by AJAX...
&gt; 
&gt; Additionally: I was also trying to use JS &quot;svgNode.forceRedraw&quot; — with no success. I will do some more exploration.

We do not support svgNode.forceRedraw, but the idea is that you don&apos;t need it anyway. Even on dynamic updates, the drawn Image should always be valid.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>463230</commentid>
    <comment_count>16</comment_count>
    <who name="Dirk Schulze">krit</who>
    <bug_when>2011-09-07 01:24:23 -0700</bug_when>
    <thetext>Even if I can understand the concerns of MH. SVG 1.1 does not allow pixelation for more performance (with the exception of SVG Filters). Closing the bug now.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>463378</commentid>
    <comment_count>17</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2011-09-07 09:12:26 -0700</bug_when>
    <thetext>Pixelation is a side-effect of the current hardware animation path when scaling, but that&apos;s a bug. This bug shouldn&apos;t be closed just because pixelation can happen under some circumstances.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>463396</commentid>
    <comment_count>18</comment_count>
    <who name="Dirk Schulze">krit</who>
    <bug_when>2011-09-07 09:53:29 -0700</bug_when>
    <thetext>(In reply to comment #17)
&gt; Pixelation is a side-effect of the current hardware animation path when scaling, but that&apos;s a bug. This bug shouldn&apos;t be closed just because pixelation can happen under some circumstances.

I have nothing in mind against reopening this bug, but this bug is about pixelated animation like for CSS. I don&apos;t believe that we want this.

And CSS animation and CSS transition is not comparable to SVG. SVG animation implements the sandwich model. Means we have to check on every animation step which animation is active and accounts to the current shape (even because of event based animation we can&apos;t add an heuristic that can calculate the last step of an animation). That means we have to relayout and repaint on every animation step. I don&apos;t think that the layer based animation can help on SVG. Instead we may have more success on hardware accelerated path drawing. But this is the task of the graphic library and not of WebKit.</thetext>
  </long_desc>
      
          <attachment
              isobsolete="0"
              ispatch="0"
              isprivate="0"
          >
            <attachid>80068</attachid>
            <date>2011-01-25 09:11:29 -0800</date>
            <delta_ts>2011-01-25 10:11:17 -0800</delta_ts>
            <desc>examples of &lt;animateTransform&gt;</desc>
            <filename>explore-animateTransform.svg</filename>
            <type>image/svg+xml</type>
            <size>4130</size>
            <attacher name="MH">martin.hejral</attacher>
            
              <data encoding="base64">PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw
Oi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCI+Cjx0aXRs
ZT5UZXN0IFNWRyBhbmltYXRlVHJhbnNmb3JtOiBjbGljayBvbiB0aGUgZ3JleSBidXR0b25zPC90
aXRsZT4KCjxkZWZzPgo8cmVjdCBpZD0icmVjdCIgeD0iLTUwIiB5PSItMjUiIHdpZHRoPSIxMDAi
IGhlaWdodD0iNTAiLz4KPHRleHQgaWQ9InN2ZyIgeD0iMCIgeT0iMTUiIGZvbnQtc2l6ZT0iMzUi
IHRleHQtYW5jaG9yPSJtaWRkbGUiIGZpbGw9IndoaXRlIj5TVkc8L3RleHQ+CjwvZGVmcz4KCjxn
IHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIDEwMCwgNTApIj4KPGFuaW1hdGVUcmFuc2Zv
cm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgdmFsdWVzPSIxIDE7MSAt
MTsxIDEiIGJlZ2luPSJnbzEuY2xpY2siIGR1cj0iNCIgcmVwZWF0Q291bnQ9IjEiIGFkZGl0aXZl
PSJzdW0iIGNhbGNNb2RlPSJsaW5lYXIiIGZpbGw9ImZyZWV6ZSIvPgo8dXNlIHhsaW5rOmhyZWY9
IiNyZWN0IiBmaWxsPSJibHVlIj4KPGFuaW1hdGVDb2xvciBhdHRyaWJ1dGVOYW1lPSJmaWxsIiB2
YWx1ZXM9ImJsdWU7cmVkO2JsdWUiIGJlZ2luPSJnbzEuY2xpY2siIGR1cj0iNCIgcmVwZWF0Q291
bnQ9IjEiLz4KPC91c2U+Cjx1c2UgeGxpbms6aHJlZj0iI3N2ZyIvPgo8L2c+Cjx0ZXh0IHg9IjEw
MCIgeT0iMTAwIiBmb250LXNpemU9IjE1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5zY2FsZSAxIC0x
PC90ZXh0Pgo8cmVjdCBpZD0iZ28xIiB4PSI2NSIgeT0iODUiIHdpZHRoPSI3MCIgaGVpZ2h0PSIy
MCIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4yIi8+Cgo8ZyB0cmFuc2Zvcm09Im1hdHJp
eCgxLCAwLCAwLCAxLCAzNTAsIDUwKSI+CjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9
InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIHZhbHVlcz0iMSAxOy0xIDE7MSAxIiBiZWdpbj0iZ28y
LmNsaWNrIiBkdXI9IjQiIHJlcGVhdENvdW50PSIxIiBhZGRpdGl2ZT0ic3VtIiBjYWxjTW9kZT0i
bGluZWFyIiBmaWxsPSJmcmVlemUiLz4KPHVzZSB4bGluazpocmVmPSIjcmVjdCIgZmlsbD0iZ3Jl
ZW4iPgo8YW5pbWF0ZUNvbG9yIGF0dHJpYnV0ZU5hbWU9ImZpbGwiIHZhbHVlcz0iZ3JlZW47eWVs
bG93O2dyZWVuIiBiZWdpbj0iZ28yLmNsaWNrIiBkdXI9IjQiIHJlcGVhdENvdW50PSIxIi8+Cjwv
dXNlPgo8dXNlIHhsaW5rOmhyZWY9IiNzdmciLz4KPC9nPgo8dGV4dCB4PSIzNTAiIHk9IjEwMCIg
Zm9udC1zaXplPSIxNSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+c2NhbGUgLTEgMTwvdGV4dD4KPHJl
Y3QgaWQ9ImdvMiIgeD0iMzE1IiB5PSI4NSIgd2lkdGg9IjcwIiBoZWlnaHQ9IjIwIiBmaWxsPSJi
bGFjayIgZmlsbC1vcGFjaXR5PSIwLjIiLz4KCjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAs
IDEsIDEwMCwgMTcwKSI+Cjx1c2UgeGxpbms6aHJlZj0iI3JlY3QiIGZpbGw9InJlZCIvPgo8dXNl
IHhsaW5rOmhyZWY9IiNzdmciLz4KPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJh
bnNmb3JtIiB0eXBlPSJyb3RhdGUiIHZhbHVlcz0iMDszNjAiIGJlZ2luPSJnbzMuY2xpY2siIGR1
cj0iNCIgcmVwZWF0Q291bnQ9IjEiIGFkZGl0aXZlPSJzdW0iIGNhbGNNb2RlPSJsaW5lYXIiIGZp
bGw9ImZyZWV6ZSIvPgo8L2c+Cjx0ZXh0IHg9IjEwMCIgeT0iMjUwIiBmb250LXNpemU9IjE1IiB0
ZXh0LWFuY2hvcj0ibWlkZGxlIj5yb3RhdGU8L3RleHQ+CjxyZWN0IGlkPSJnbzMiIHg9Ijc1IiB5
PSIyMzUiIHdpZHRoPSI1MCIgaGVpZ2h0PSIyMCIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0i
MC4yIi8+Cgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAzNTAsIDE3MCkiPgo8dXNl
IHhsaW5rOmhyZWY9IiNyZWN0IiBmaWxsPSJibGFjayI+CjxhbmltYXRlQ29sb3IgYXR0cmlidXRl
TmFtZT0iZmlsbCIgdmFsdWVzPSJibGFjaztyZWQ7YmxhY2siIGJlZ2luPSJnbzQuY2xpY2siIGR1
cj0iNCIgcmVwZWF0Q291bnQ9IjEiLz4KPC91c2U+Cjx1c2UgeGxpbms6aHJlZj0iI3N2ZyIvPgo8
YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiB2
YWx1ZXM9IjE7MjsxIiBiZWdpbj0iZ280LmNsaWNrIiBkdXI9IjQiIHJlcGVhdENvdW50PSIxIiBh
ZGRpdGl2ZT0ic3VtIiBjYWxjTW9kZT0ibGluZWFyIiBmaWxsPSJmcmVlemUiLz4KPC9nPgo8dGV4
dCB4PSIzNTAiIHk9IjI1MCIgZm9udC1zaXplPSIxNSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+c2Nh
bGUgMiAyPC90ZXh0Pgo8cmVjdCBpZD0iZ280IiB4PSIzMTUiIHk9IjIzNSIgd2lkdGg9IjcwIiBo
ZWlnaHQ9IjIwIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjIiLz4KCjxnIHRyYW5zZm9y
bT0ibWF0cml4KDEsIDAsIDAsIDEsIDEwMCwgMzAwKSI+Cjx1c2UgeGxpbms6aHJlZj0iI3JlY3Qi
IGZpbGw9Im9yYW5nZSI+CjxhbmltYXRlQ29sb3IgYXR0cmlidXRlTmFtZT0iZmlsbCIgdmFsdWVz
PSJvcmFuZ2U7Z3JlZW47b3JhbmdlIiBiZWdpbj0iZ281LmNsaWNrIiBkdXI9IjQiIHJlcGVhdENv
dW50PSIxIi8+CjwvdXNlPgo8dXNlIHhsaW5rOmhyZWY9IiNzdmciLz4KPGFuaW1hdGVUcmFuc2Zv
cm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJza2V3WCIgdmFsdWVzPSIwOzMwOzA7
LTMwOzAiIGJlZ2luPSJnbzUuY2xpY2siIGR1cj0iNCIgcmVwZWF0Q291bnQ9IjEiIGFkZGl0aXZl
PSJzdW0iIGNhbGNNb2RlPSJsaW5lYXIiIGZpbGw9ImZyZWV6ZSIvPgo8L2c+Cjx0ZXh0IHg9IjEw
MCIgeT0iMzUwIiBmb250LXNpemU9IjE1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5za2V3WDwvdGV4
dD4KPHJlY3QgaWQ9ImdvNSIgeD0iNzUiIHk9IjMzNSIgd2lkdGg9IjUwIiBoZWlnaHQ9IjIwIiBm
aWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjIiLz4KCjxnIHRyYW5zZm9ybT0ibWF0cml4KDEs
IDAsIDAsIDEsIDM1MCwgMzAwKSI+Cjx1c2UgeGxpbms6aHJlZj0iI3JlY3QiIGZpbGw9InB1cnBs
ZSI+CjxhbmltYXRlQ29sb3IgYXR0cmlidXRlTmFtZT0iZmlsbCIgdmFsdWVzPSJwdXJwbGU7Ymx1
ZTtwdXJwbGUiIGJlZ2luPSJnbzYuY2xpY2siIGR1cj0iNCIgcmVwZWF0Q291bnQ9IjEiLz4KPC91
c2U+Cjx1c2UgeGxpbms6aHJlZj0iI3N2ZyIvPgo8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVO
YW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNrZXdZIiB2YWx1ZXM9IjA7MzA7MDstMzA7MCIgYmVnaW49
ImdvNi5jbGljayIgZHVyPSI0IiByZXBlYXRDb3VudD0iMSIgYWRkaXRpdmU9InN1bSIgY2FsY01v
ZGU9ImxpbmVhciIgZmlsbD0iZnJlZXplIi8+CjwvZz4KPHRleHQgeD0iMzUwIiB5PSIzNTAiIGZv
bnQtc2l6ZT0iMTUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPnNrZXdZPC90ZXh0Pgo8cmVjdCBpZD0i
Z282IiB4PSIzMjUiIHk9IjMzNSIgd2lkdGg9IjUwIiBoZWlnaHQ9IjIwIiBmaWxsPSJibGFjayIg
ZmlsbC1vcGFjaXR5PSIwLjIiLz4KCjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIDEw
MCwgNDAwKSI+Cjx1c2UgeGxpbms6aHJlZj0iI3JlY3QiIGZpbGw9Im1hcm9vbiI+CjxhbmltYXRl
Q29sb3IgYXR0cmlidXRlTmFtZT0iZmlsbCIgdmFsdWVzPSJtYXJvb247b3JhbmdlO21hcm9vbiIg
YmVnaW49ImdvNy5jbGljayIgZHVyPSI0IiByZXBlYXRDb3VudD0iMSIvPgo8L3VzZT4KPHVzZSB4
bGluazpocmVmPSIjc3ZnIi8+CjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5z
Zm9ybSIgdHlwZT0idHJhbnNsYXRlIiB2YWx1ZXM9IjAgMDsyNTAgMDswIDAiIGJlZ2luPSJnbzcu
Y2xpY2siIGR1cj0iNCIgcmVwZWF0Q291bnQ9IjEiIGFkZGl0aXZlPSJzdW0iIGNhbGNNb2RlPSJs
aW5lYXIiIGZpbGw9ImZyZWV6ZSIvPgo8L2c+Cjx0ZXh0IHg9IjI1MCIgeT0iNDUwIiBmb250LXNp
emU9IjE1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj50cmFuc2xhdGU8L3RleHQ+CjxyZWN0IGlkPSJn
bzciIHg9IjIxNSIgeT0iNDM1IiB3aWR0aD0iNzAiIGhlaWdodD0iMjAiIGZpbGw9ImJsYWNrIiBm
aWxsLW9wYWNpdHk9IjAuMiIvPgo8L3N2Zz4=
</data>

          </attachment>
          <attachment
              isobsolete="0"
              ispatch="0"
              isprivate="0"
          >
            <attachid>80071</attachid>
            <date>2011-01-25 09:38:30 -0800</date>
            <delta_ts>2011-01-25 09:38:30 -0800</delta_ts>
            <desc>effect of acceleration is nicely shown here</desc>
            <filename>css3-transitions-test.xhtm</filename>
            <type>application/xhtml+xml</type>
            <size>1794</size>
            <attacher name="MH">martin.hejral</attacher>
            
              <data encoding="base64">DQoNCjxodG1sIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIj4NCjxoZWFkPg0K
PG1ldGEgaHR0cC1lcXVpdj0iQ29udGVudC1UeXBlIiBjb250ZW50PSJ0ZXh0L2h0bWw7Y2hhcnNl
dD1pc28tODg1OS0yIi8+DQo8dGl0bGU+Y3NzMy10cmFuc2l0aW9ucy10ZXN0PC90aXRsZT4NCg0K
PHN0eWxlIGlkPSJzdmdDU1MiIHR5cGU9InRleHQvY3NzIj48IVtDREFUQVsNCg0KYm9keSB7DQoJ
Zm9udC1mYW1pbHk6IEhlbHZldGljYSwgVmVyZGFuYSwgc2Fucy1zZXJpZjsNCglmb250LXNpemU6
IDkwJTsNCglsaW5lLWhlaWdodDogMS42ZW07DQoJdGV4dC1hbGlnbjogbGVmdDsNCgltYXJnaW46
IDA7DQoJbWFyZ2luLWxlZnQ6IGF1dG87DQoJbWFyZ2luLXJpZ2h0OiBhdXRvOw0KCXBhZGRpbmc6
IDA7DQp9DQoNCmEsIGE6bGluaywgYTp2aXNpdGVkIHsNCn0NCg0KYTpob3ZlciB7DQp9DQoNCmlt
ZyB7DQoJYm9yZGVyOiAwOw0KfQ0KDQpoMSB7DQoJZm9udC1zaXplOiAxLjVlbTsNCglmb250LXdl
aWdodDogYm9sZDsNCn0NCg0KI292ZXJsYXlmdWxsIHsNCiAgZGlzcGxheTogYmxvY2s7DQogIHdp
ZHRoOiAzMDBweDsNCiAgaGVpZ2h0OiAyMDBweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgy
NTUsIDI1NSwgMCwgLjUpOw0KICBjb2xvcjogYmxhY2s7DQogDQogIHRyYW5zaXRpb24tZHVyYXRp
b246IDNzOw0KICB0cmFuc2Zvcm06IHJvdGF0ZSgxMGRlZyk7DQogIC1tb3otdHJhbnNpdGlvbi1k
dXJhdGlvbjogM3M7DQogIC1tb3otdHJhbnNmb3JtOiByb3RhdGUoMTBkZWcpOw0KICAtd2Via2l0
LXRyYW5zaXRpb24tZHVyYXRpb246IDNzOw0KICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDEw
ZGVnKTsNCiAgLW8tdHJhbnNpdGlvbi1kdXJhdGlvbjogM3M7DQogIC1vLXRyYW5zZm9ybTogcm90
YXRlKDEwZGVnKTsNCn0NCg0KI292ZXJsYXlmdWxsOmhvdmVyIHsNCiAgYmFja2dyb3VuZC1jb2xv
cjogIHJnYmEoMjU1LCAwLCAwLCAuNyk7DQogIGNvbG9yOiB3aGl0ZTsNCiAgdHJhbnNmb3JtOiBy
b3RhdGUoMzUwZGVnKSBzY2FsZSg4LjQpIHJvdGF0ZSgtMzBkZWcpOw0KICAtbW96LXRyYW5zZm9y
bTogIHJvdGF0ZSgzNTBkZWcpIHNjYWxlKDguNCkgcm90YXRlKC0zMGRlZyk7DQogIC13ZWJraXQt
dHJhbnNmb3JtOiAgcm90YXRlKDM1MGRlZykgc2NhbGUoOC40KSByb3RhdGUoLTMwZGVnKTsNCiAg
LW8tdHJhbnNmb3JtOiAgcm90YXRlKDM1MGRlZykgc2NhbGUoOC40KSByb3RhdGUoLTMwZGVnKTsN
Cn0NCg0Kc3ZnIHsNCglvdmVyZmxvdzogdmlzaWJsZTsNCn0NCg0KXV0+PC9zdHlsZT4NCg0KPC9o
ZWFkPg0KDQo8Ym9keT4NCjxwPkNTUyBUcmFuc2l0aW9ucyBhbGxvd3MgcHJvcGVydHkgY2hhbmdl
cyBpbiBDU1MgdmFsdWVzIHRvIG9jY3VyIHNtb290aGx5IG92ZXIgYSBzcGVjaWZpZWQgZHVyYXRp
b24uIA0KPC9wPg0KDQo8ZGl2IGlkPSJvdmVybGF5ZnVsbCI+DQoNCjxzdmcgeG1sbnM9Imh0dHA6
Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzAwIiBoZWlnaHQ9IjEw
MCIgb3ZlcmZsb3c9InZpc2libGUiPg0KICA8Y2lyY2xlIGN4PSIxNTAiIGN5PSIxMDAiIHI9IjUw
IiBmaWxsPSJjdXJyZW50Y29sb3IiIC8+DQo8L3N2Zz4NCg0KPGgxPkNTUyBUcmFuc2l0aW9ucyBU
RVNUPC9oMT4NCjxwPklubGluZSBTVkctWE1MIHZlY3RvciBncmFwaGljIGlzIGhlcmUuLi4gSW5s
aW5lIFNWRy1YTUwgdmVjdG9yIGdyYXBoaWMgaXMgaGVyZS4uLjwvcD4NCjxwPlRFU1Q8L3A+DQoN
CjwvZGl2Pg0KDQo8L2JvZHk+DQo8L2h0bWw+
</data>

          </attachment>
      

    </bug>

</bugzilla>