Bug 79772 – WebKit does not interpolate between cross-fade() and url() or cross-fade()

• Status: RESOLVED
• Resolution: DUPLICATE
• Component: CSS

[Lea Verou]

Hover over the image in the testcase. A 1s transition should occur, but it doesn't.

Although WebKit uses cross-fade() to interpolate between two url()s, it does not interpolate between a cross-fade() and a url() or between two cross-fade()s, even with the exact same images (and a different percentage).

In the case of cross-fade(url(A), url(B), X%) and url(A), the latter should be treated as cross-fade(url(A), url(B), 0%). 

Relevant: Since cross-fade() accepts any <image> as an argument and returns an <image>, it should allow nesting, i.e. cross-fade(cross-fade(url(A), url(B), 50%), cross-fade(url(C), url(D), 75%)) should be valid.

[Tim Horton]

> Relevant: Since cross-fade() accepts any <image> as an argument and returns an <image>, it should allow nesting, i.e. cross-fade(cross-fade(url(A), url(B), 50%), cross-fade(url(C), url(D), 75%)) should be valid.

This will happen when I finish https://bugs.webkit.org/show_bug.cgi?id=78293

[Shane Stephens]

*** This bug has been marked as a duplicate of bug 78293 ***