1058162 - clip-path does not animate when using transition

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[[e-mail]]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:31.0) Gecko/20100101 Firefox/31.0 (Beta/Release)
Build ID: 20140716183446

Steps to reproduce:

Adding the CSS property `clip-path` to an image, with a SVG clipping path, with a different clipping path on hover. The image has a `transition` CSS property.

Codepen over here: http://codepen.io/hay/pen/ciznI


Actual results:

Clip-path is applied on hover, but does not animate from other state. Rotation does animate, like expected.


Expected results:

Transition should have taken place between the two clip-paths.

For an example of this should work, try this example in Chrome:
http://codepen.io/micjamking/pen/eAlpo

Comment 1

[David Mignot]

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:40.0) Gecko/20100101 Firefox/40.0

I also can still reproduce this issue on today's nightly (43.0a1 (2015-09-09)).

Comment 2

[u459114]

https://drafts.fxtf.org/css-masking-1/#the-clip-path
Name:	clip-path
Animatable:	as specified for <basic-shape> [CSS-SHAPES], otherwise no

Animatable only if the value of it is basic-shape.