Bug 79772
| Summary: | WebKit does not interpolate between cross-fade() and url() or cross-fade() | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Lea Verou <lea> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | dino, shanestephens, simon.fraser, thorton |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Mac (Intel) | ||
| OS: | OS X 10.6 | ||
| URL: | http://dabblet.com/result/gist/1931852 | ||
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
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 ***