support animation of CSS gradient values in nsStyleAnimation

NEW
Unassigned

Status

()

9 years ago
2 years ago

People

(Reporter: dbaron, Unassigned)

Tracking

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

Trunk
dev-doc-needed
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.)
Keywords: dev-doc-needed

Updated

9 years ago
Blocks: 589920

Updated

8 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

7 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
Created attachment 8755319 [details]
Test-case.html

Comment 5

3 years ago
Created attachment 8755320 [details]
IE10.gif

Comment 6

3 years ago
Created attachment 8755321 [details]
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.