WPT
wpt / css / css-transforms / animation / transform-translate-composition.html
Spec: CSS Transforms ↗
Runs: Chrome 155.0.8038.0 (wpt@7addae031, 2026-09-02) | Firefox 157.0a1 (wpt@7addae031, 2026-09-02) | Safari 251 preview (wpt@5ce815a83, 2026-08-27) | Ladybird 1.0-a7884 (wpt@b1a7025f8, 2026-09-02) | Servo Servo 0.6 (wpt@09159dcb3, 2026-09-02) | Blitz 188486089 (wpt@a95401e4e, 2026-09-02)
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 | 2/112 | 56/112 | 0/112 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (-0.5) should be [translate(60px, 120px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (0) should be [translate(110px, 220px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (0.25) should be [translate(135px, 270px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (0.5) should be [translate(160px, 320px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (0.75) should be [translate(185px, 370px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (1) should be [translate(210px, 420px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (1.5) should be [translate(260px, 520px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (-0.5) should be [translate(60px, 120px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (0) should be [translate(110px, 220px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (0.25) should be [translate(135px, 270px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (0.5) should be [translate(160px, 320px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (0.75) should be [translate(185px, 370px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (1) should be [translate(210px, 420px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to add [translate(200px, 400px)] at (1.5) should be [translate(260px, 520px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (-0.5) should be [translate(60px, 120px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (0) should be [translate(110px, 220px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (0.25) should be [translate(135px, 270px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (0.5) should be [translate(160px, 320px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (0.75) should be [translate(185px, 370px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (1) should be [translate(210px, 420px)] | PASS | PASS | PASS | PASS | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (1.5) should be [translate(260px, 520px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (-0.5) should be [translate(60px, 120px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (0) should be [translate(110px, 220px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (0.25) should be [translate(135px, 270px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (0.5) should be [translate(160px, 320px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (0.75) should be [translate(185px, 370px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (1) should be [translate(210px, 420px)] | PASS | PASS | PASS | PASS | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(10px, 20px)] from add [translate(100px, 200px)] to replace [translate(210px, 420px)] at (1.5) should be [translate(260px, 520px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (-0.5) should be [translateX(100px) rotate(90deg) translateX(50px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (0) should be [translateX(100px) rotate(90deg) translateX(100px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (0.25) should be [translateX(100px) rotate(90deg) translateX(125px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (0.5) should be [translateX(100px) rotate(90deg) translateX(150px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (0.75) should be [translateX(100px) rotate(90deg) translateX(175px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (1) should be [translateX(100px) rotate(90deg) translateX(200px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (1.5) should be [translateX(100px) rotate(90deg) translateX(250px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (-0.5) should be [translateX(100px) rotate(90deg) translateX(50px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (0) should be [translateX(100px) rotate(90deg) translateX(100px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (0.25) should be [translateX(100px) rotate(90deg) translateX(125px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (0.5) should be [translateX(100px) rotate(90deg) translateX(150px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (0.75) should be [translateX(100px) rotate(90deg) translateX(175px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (1) should be [translateX(100px) rotate(90deg) translateX(200px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from add [translateX(100px)] to add [translateX(200px)] at (1.5) should be [translateX(100px) rotate(90deg) translateX(250px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (-0.5) should be [translateX(50px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (0) should be [translateX(150px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (0.25) should be [translateX(200px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (0.5) should be [translateX(250px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (0.75) should be [translateX(300px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (1) should be [translateX(350px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (1.5) should be [translateX(450px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (-0.5) should be [translateX(50px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (0) should be [translateX(150px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (0.25) should be [translateX(200px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (0.5) should be [translateX(250px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (0.75) should be [translateX(300px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (1) should be [translateX(350px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px)] from accumulate [translateX(50px)] to accumulate [translateX(250px)] at (1.5) should be [translateX(450px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing CSS Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (-0.5) should be [translateY(50px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (0) should be [translateY(150px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (0.25) should be [translateY(200px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (0.5) should be [translateY(250px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (0.75) should be [translateY(300px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (1) should be [translateY(350px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (1.5) should be [translateY(450px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing Web Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (-0.5) should be [translateY(50px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (0) should be [translateY(150px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (0.25) should be [translateY(200px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (0.5) should be [translateY(250px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (0.75) should be [translateY(300px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (1) should be [translateY(350px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateY(100px)] from accumulate [translateY(50px)] to accumulate [translateY(250px)] at (1.5) should be [translateY(450px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing CSS Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (-0.5) should be [translateZ(50px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0) should be [translateZ(150px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.25) should be [translateZ(200px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.5) should be [translateZ(250px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.75) should be [translateZ(300px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (1) should be [translateZ(350px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (1.5) should be [translateZ(450px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing Web Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (-0.5) should be [translateZ(50px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0) should be [translateZ(150px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.25) should be [translateZ(200px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.5) should be [translateZ(250px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.75) should be [translateZ(300px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (1) should be [translateZ(350px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateZ(100px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (1.5) should be [translateZ(450px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing CSS Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (-0.5) should be [translate3d(100px, 50px, -50px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0) should be [translate3d(100px, 50px, 50px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.25) should be [translate3d(100px, 50px, 100px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.5) should be [translate3d(100px, 50px, 150px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.75) should be [translate3d(100px, 50px, 200px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (1) should be [translate3d(100px, 50px, 250px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (1.5) should be [translate3d(100px, 50px, 350px)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing Web Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (-0.5) should be [translate3d(100px, 50px, -50px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0) should be [translate3d(100px, 50px, 50px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.25) should be [translate3d(100px, 50px, 100px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.5) should be [translate3d(100px, 50px, 150px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (0.75) should be [translate3d(100px, 50px, 200px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (1) should be [translate3d(100px, 50px, 250px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translate(100px, 50px)] from accumulate [translateZ(50px)] to accumulate [translateZ(250px)] at (1.5) should be [translate3d(100px, 50px, 350px)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (-0.5) should be [translateX(150px) rotate(90deg)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (0) should be [translateX(200px) rotate(90deg)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (0.25) should be [translateX(225px) rotate(90deg)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (0.5) should be [translateX(250px) rotate(90deg)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (0.75) should be [translateX(275px) rotate(90deg)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (1) should be [translateX(300px) rotate(90deg)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing CSS Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (1.5) should be [translateX(350px) rotate(90deg)] | PASS | PASS | PASS | FAIL | PASS | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (-0.5) should be [translateX(150px) rotate(90deg)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (0) should be [translateX(200px) rotate(90deg)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (0.25) should be [translateX(225px) rotate(90deg)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (0.5) should be [translateX(250px) rotate(90deg)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (0.75) should be [translateX(275px) rotate(90deg)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (1) should be [translateX(300px) rotate(90deg)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Compositing Web Animations: property <transform> underlying [translateX(100px) rotate(90deg)] from accumulate [translateX(100px)] to accumulate [translateX(200px)] at (1.5) should be [translateX(350px) rotate(90deg)] | PASS | PASS | PASS | FAIL | FAIL | — |
| Uncaught JS error | — | — | — | — | — | FAIL |