support animation of CSS gradient values in nsStyleAnimation

NEW
Unassigned

Status

()

defect
10 years ago
2 years ago

People

(Reporter: dbaron, Unassigned)

Tracking

(Blocks 1 bug, {dev-doc-needed})

Trunk
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(3 attachments)

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.)
See also bug 536541 on SVG gradients.

Updated

9 years ago
Blocks: 589920

Updated

9 years ago
Blocks: 594151

Comment 2

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

Comment 3

8 years ago
/me want to help.

But i do not know where to start.

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

Comment 4

3 years ago
Posted file Test-case.html

Comment 5

3 years ago
Posted image IE10.gif

Comment 6

3 years ago
Posted image Chrome&Safari.gif

Comment 7

3 years ago
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
You need to log in before you can comment on or make changes to this bug.