RESOLVED DUPLICATE of bug 2413024956
CSS Transition perf bad in combination with CSS gradients on MacBook Air / lower end graphics chips
https://bugs.webkit.org/show_bug.cgi?id=24956
Summary CSS Transition perf bad in combination with CSS gradients on MacBook Air / lo...
Faruk Ates
Reported 2009-03-30 19:14:01 PDT
CSS Gradients can cause a significant slowdown in rendering performance when using CSS Transitions, but this is predominantly noticeable on the MacBook Air and other computers with integrated graphics. Moving an element around that sits on top of a gradient causes serious frame rate drops (as measured with Quartz Debug). On a solid background it transitions smoothly.
Attachments
Reduced test case (1.07 KB, text/html)
2009-03-30 19:47 PDT, Faruk Ates
no flags
Test case showing that giving the HTML element a background color fixes the issue (1.14 KB, text/html)
2009-03-30 20:02 PDT, Faruk Ates
no flags
Third test case, using a gradient on the HTML element (1.20 KB, text/html)
2009-03-30 20:03 PDT, Faruk Ates
no flags
Faruk Ates
Comment 1 2009-03-30 19:47:26 PDT
Created attachment 29108 [details] Reduced test case
Faruk Ates
Comment 2 2009-03-30 20:02:36 PDT
Created attachment 29109 [details] Test case showing that giving the HTML element a background color fixes the issue Added a second test case that sets a solid color on the html element, which makes performance snappy again. Using a gradient (third test case, soon to be attached) as opposed to a solid color, makes it go slow again.
Faruk Ates
Comment 3 2009-03-30 20:03:02 PDT
Created attachment 29110 [details] Third test case, using a gradient on the HTML element
Simon Fraser (smfr)
Comment 4 2009-04-23 23:03:08 PDT
Same cause as bug 24130. *** This bug has been marked as a duplicate of 24130 ***
Note You need to log in before you can comment on or make changes to this bug.