1193882 - animation of CSS hue-rotate() filter is very slow

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[Ana Tudor]

Attachment: css_filter_animation_firefox.gif

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:43.0) Gecko/20100101 Firefox/43.0
Build ID: 20150811030206

Steps to reproduce:

Set a filter animation that applies to a large number of elements.


Actual results:

The animation is choppy, in steps.


Expected results:

The animation should be smooth, continuous.

Comment 1

[Nickolay_Ponomarev]

I can reproduce by visiting the URL on Nightly (OS X 10.9). The testcase is quite CPU intensive (both in layout and painting), so if there isn't enough CPU resources, the animations are choppy.

Comment 2

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Attachment: testcase from http://codepen.io/thebabydino/pen/bdJwbg

Comment 3

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Attachment: testcase from http://codepen.io/thebabydino/pen/KpEzYz/

I'm guessing that the testcase you reported was a simplified form of the testcase from:
https://twitter.com/anatudor/status/630050058218668032
http://codepen.io/thebabydino/pen/KpEzYz/
which I'm attaching here.

Comment 4

[Gregory Pappas [:gregp]]

The test case in comment 3 seems to perform well now. Reporter, are you still able to reproduce the issue?

Comment 5

[Ana Tudor]

(In reply to Gregory Pappas [:gregp] from comment #4)

The test case in comment 3 seems to perform well now. Reporter, are you still able to reproduce the issue?

Looks fine to me now!

Comment 6

[Gregory Pappas [:gregp]]

Thanks for following up!