WPT
wpt / css / css-transforms / parsing / transform-valid.html
Spec: CSS Transforms ↗
Runs: Chrome 154.0.8037.0 (wpt@98a70a0c5) | Firefox 157.0a1 (wpt@df77989ab) | Safari 251 preview (wpt@5ce815a83) | Ladybird 1.0-28104 (wpt@b1a7025f8) | Servo Servo 0.5 (wpt@2ccd2cbf8) | Blitz dc9e62f29 (wpt@a95401e4e)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 32/42 | 32/42 | 32/42 | 32/42 | 32/42 | 32/42 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['transform'] = "none" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "matrix(1, 0, 0, 1, 0, 0)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "matrix(1, 2, 3, 4, 5, 6)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "matrix(-0.1, -0.2, -0.3, -0.4, -0.5, -0.6)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "translate(1px)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "translate(1px, 0%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "translate(2%, -3%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "translateX(-4px)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "translateY(5%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale(2)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale(3, 4)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale(-2)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale(-5, -6)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale(250%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale(325%, 475%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale(1, 200%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale(-250%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale(-500%, -620%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scaleX(7)" should set the property value | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['transform'] = "scaleX(720%)" should set the property value | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['transform'] = "scaleY(-8)" should set the property value | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['transform'] = "scaleY(-85%)" should set the property value | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['transform'] = "scaleZ(4)" should set the property value | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['transform'] = "scaleZ(25%)" should set the property value | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['transform'] = "scale3d(0.5, 2.5, 3)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale3d(50%, 250%, 300%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale3d(-0.5, 2.5, -3)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale3d(-50%, 250%, -300%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "scale3d(1, 200%, 3)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "rotate(0)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "rotate(90deg)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "skew(0)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "skew(90deg)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "skew(0, -90deg)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "skew(90deg, 0)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "skewX(0)" should set the property value | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['transform'] = "skewX(90deg)" should set the property value | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['transform'] = "skewY(0)" should set the property value | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['transform'] = "skewY(-90deg)" should set the property value | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['transform'] = "perspective(10px)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "perspective(none)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['transform'] = "translate(1px, 2%) scale(3, 4) rotate(-90deg)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |