WPT
wpt / css / css-transforms / parsing / translate-parsing-valid.html
Spec: CSS Transforms ↗
Runs: Chrome 155.0.8038.0 (wpt@b1a7025f8, 2026-09-02) | Firefox 157.0a1 (wpt@b1a7025f8, 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 744bf2158 (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 | 20/20 | 20/20 | 20/20 | 20/20 | 20/20 | 20/20 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['translate'] = "none" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "0px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100px 0px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100px 0.1px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100px 0%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100px calc(10px - 10%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100px 200%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100% 200px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100px 200px 0px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100px 0px 300px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100px 0px 0px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100px 200px 300px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100% 200% 300px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "100% 0% 200px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "0% 0% 100px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "0em 0em 100px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "calc(10% + 10px) calc(20% + 20px) calc(30em + 30px)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "0" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['translate'] = "1px 2px 0" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |