Source code
Revision control
Copy as Markdown
Other Tools
[background-image-interpolation.html]
[CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [linear-gradient(-45deg, red, yellow)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
expected: FAIL
[Web Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png), none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (-0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [linear-gradient(-45deg, red, yellow)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png), none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png), none\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (-0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0.3) should be [linear-gradient(-45deg, red, yellow)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [linear-gradient(-45deg, red, yellow)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL
[CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[Web Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0.3) should be [linear-gradient(-45deg, red, yellow)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [linear-gradient(-45deg, red, yellow)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
expected: FAIL
[Web Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (1.5) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [linear-gradient(-45deg, red, yellow)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (1) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png), none\]]
expected: FAIL
[CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png), none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png), none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (-0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [linear-gradient(-45deg, red, yellow)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png), none\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[Web Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (1) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (1.5) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (1) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (1.5) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL
[Web Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (1.5) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (1) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL
[CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
expected: FAIL
[Web Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
expected: FAIL