536540 - support animation of CSS gradient values in nsStyleAnimation

Status: NEW

(Core :: CSS Parsing and Computation, defect)

Description

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

We should support animation of CSS gradient values (i.e., -moz-linear-gradient, -moz-radial-gradient) in nsStyleAnimation.

There's still some open debate on how animation of gradients should work.

(I don't have work in progress on this, but I'm trying to get bugs filed on animation/transition work that should happen for 3.7.)

Comment 1

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

See also bug 536541 on SVG gradients.

Comment 2

[Lea Verou]

Gradient interpolation is now defined by the spec: http://www.w3.org/TR/css3-images/#interpolating-gradients

Comment 3

[Christian Fischer]

/me want to help.

But i do not know where to start.

I need to animate the -moz-radial-gradient.

Comment 4

[yisibl]

Attachment: Test-case.html

Comment 5

[yisibl]

Attachment: IE10.gif

Comment 6

[yisibl]

Attachment: Chrome&Safari.gif

Comment 7

[yisibl]

In this test case[1]:

* IE10 has supported gradient animation.
* Chrome and Safari has supported image animation(Like cross-fade()[1]).
* Firefox at least should do a simple transition(direct display of different images), rather than nothing.

Related animation how to calculate the spec here[2], The current spec is already CR.

[1] https://bugzilla.mozilla.org/attachment.cgi?id=8755319
[2] https://drafts.csswg.org/css-images/#cross-fade-function
[3] https://drafts.csswg.org/css-images/#interpolation

Comment 8

[BugBot [:suhaib / :marco/ :calixte]]

The severity field for this bug is relatively low, S3. However, the bug has 19 votes.
:emilio, could you consider increasing the bug severity?

For more information, please visit auto_nag documentation.