David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla) Reporter
	Description • 15 years ago

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.)

	David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla) Reporter
	Comment 1 • 15 years ago

See also bug 536541 on SVG gradients.

	Lea Verou
	Comment 2 • 13 years ago

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

	Christian Fischer
	Comment 3 • 13 years ago

/me want to help.

But i do not know where to start.

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

	yisibl
	Comment 7 • 8 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