The default bug view has changed. See this FAQ.

support animation of CSS gradient values in nsStyleAnimation

NEW
Unassigned

Status

()

Core
CSS Parsing and Computation
7 years ago
8 months 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)

(Reporter)

Description

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

Comment 1

7 years ago
See also bug 536541 on SVG gradients.
(Reporter)

Updated

7 years ago
Blocks: 537142
Keywords: dev-doc-needed

Updated

7 years ago
Blocks: 589920

Updated

7 years ago
Blocks: 594151

Comment 2

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

Comment 3

5 years ago
/me want to help.

But i do not know where to start.

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

Comment 4

10 months ago
Created attachment 8755319 [details]
Test-case.html

Comment 5

10 months ago
Created attachment 8755320 [details]
IE10.gif

Comment 6

10 months ago
Created attachment 8755321 [details]
Chrome&Safari.gif

Comment 7

10 months 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.