WPT
wpt / css / css-backgrounds / animations / background-position-x-interpolation.html
Spec: CSS Backgrounds ↗
Runs: Chrome 155.0.8042.0 (wpt@55ce71bb9, 2026-09-04) | Firefox 157.0a1 (wpt@5c0dc39b9, 2026-09-04) | Safari 251 preview (wpt@0588f3896, 2026-09-04) | Ladybird 1.0-54a40 (wpt@972e0e100, 2026-09-04) | Servo Servo 0.6 (wpt@2c385f65e, 2026-09-04) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 112/112 | 112/112 | 112/112 | 112/112 | 84/112 | 84/112 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| CSS Transitions: property <background-position-x> from neutral to [80px] at (-0.25) should be [30px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from neutral to [80px] at (0) should be [40px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from neutral to [80px] at (0.25) should be [50px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from neutral to [80px] at (0.5) should be [60px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from neutral to [80px] at (0.75) should be [70px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from neutral to [80px] at (1) should be [80px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from neutral to [80px] at (1.25) should be [90px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (-0.25) should be [30px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (0) should be [40px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (0.25) should be [50px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (0.5) should be [60px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (0.75) should be [70px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (1) should be [80px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (1.25) should be [90px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from neutral to [80px] at (-0.25) should be [30px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from neutral to [80px] at (0) should be [40px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from neutral to [80px] at (0.25) should be [50px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from neutral to [80px] at (0.5) should be [60px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from neutral to [80px] at (0.75) should be [70px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from neutral to [80px] at (1) should be [80px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from neutral to [80px] at (1.25) should be [90px] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <background-position-x> from neutral to [80px] at (-0.25) should be [30px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from neutral to [80px] at (0) should be [40px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from neutral to [80px] at (0.25) should be [50px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from neutral to [80px] at (0.5) should be [60px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from neutral to [80px] at (0.75) should be [70px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from neutral to [80px] at (1) should be [80px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from neutral to [80px] at (1.25) should be [90px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <background-position-x> from [initial] to [right] at (-0.25) should be [-25%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [initial] to [right] at (0) should be [0%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [initial] to [right] at (0.25) should be [25%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [initial] to [right] at (0.5) should be [50%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [initial] to [right] at (0.75) should be [75%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [initial] to [right] at (1) should be [100%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [initial] to [right] at (1.25) should be [125%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (-0.25) should be [-25%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (0) should be [0%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (0.25) should be [25%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (0.5) should be [50%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (0.75) should be [75%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (1) should be [100%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (1.25) should be [125%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [initial] to [right] at (-0.25) should be [-25%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [initial] to [right] at (0) should be [0%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [initial] to [right] at (0.25) should be [25%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [initial] to [right] at (0.5) should be [50%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [initial] to [right] at (0.75) should be [75%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [initial] to [right] at (1) should be [100%] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [initial] to [right] at (1.25) should be [125%] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <background-position-x> from [initial] to [right] at (-0.25) should be [-25%] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [initial] to [right] at (0) should be [0%] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [initial] to [right] at (0.25) should be [25%] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [initial] to [right] at (0.5) should be [50%] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [initial] to [right] at (0.75) should be [75%] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [initial] to [right] at (1) should be [100%] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [initial] to [right] at (1.25) should be [125%] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <background-position-x> from [inherit] to [80px] at (-0.25) should be [55px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [inherit] to [80px] at (0) should be [60px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [inherit] to [80px] at (0.25) should be [65px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [inherit] to [80px] at (0.5) should be [70px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [inherit] to [80px] at (0.75) should be [75px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [inherit] to [80px] at (1) should be [80px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [inherit] to [80px] at (1.25) should be [85px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (-0.25) should be [55px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (0) should be [60px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (0.25) should be [65px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (0.5) should be [70px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (0.75) should be [75px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (1) should be [80px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (1.25) should be [85px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [inherit] to [80px] at (-0.25) should be [55px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [inherit] to [80px] at (0) should be [60px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [inherit] to [80px] at (0.25) should be [65px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [inherit] to [80px] at (0.5) should be [70px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [inherit] to [80px] at (0.75) should be [75px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [inherit] to [80px] at (1) should be [80px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [inherit] to [80px] at (1.25) should be [85px] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <background-position-x> from [inherit] to [80px] at (-0.25) should be [55px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [inherit] to [80px] at (0) should be [60px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [inherit] to [80px] at (0.25) should be [65px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [inherit] to [80px] at (0.5) should be [70px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [inherit] to [80px] at (0.75) should be [75px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [inherit] to [80px] at (1) should be [80px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [inherit] to [80px] at (1.25) should be [85px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px] | PASS | PASS | PASS | PASS | FAIL | FAIL |