Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
transform
≈below the visible thresholdcss-transforms-1
Differs from Chrome only inside the measured anti-aliasing band (maximum channel distance 3 of 255). Curves, rotation and gradients land here.
What the specification says
- Initial value
- none
- Applies to
- transformable elements
- Inherited
- no
- Percentages
- refer to the size of reference box
- Computed value
- as specified, but with lengths made absolute
- Syntax
- none | <transform-list>
The measurements
Each example is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
transform:scale(1.6)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
transform:translate(40px, 20px)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
transform:translate3d(30px, 20px, 40px)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
transform:scaleX(1.6)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
transform:translateY(30px)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
transform:matrix(1, 0.2, 0.3, 1, 20, 10)≈below the visible threshold
Our renderChrome32 pixels differ from Chrome, the largest by 3 of 255 on one channel.
- Differing pixels
- 32
- Max channel delta
- 3
transform:rotate(20deg)≈below the visible threshold
Our renderChrome37 pixels differ from Chrome, the largest by 3 of 255 on one channel.
- Differing pixels
- 37
- Max channel delta
- 3
transform:skew(20deg, 10deg)≈below the visible threshold
Our renderChrome32 pixels differ from Chrome, the largest by 3 of 255 on one channel.
- Differing pixels
- 32
- Max channel delta
- 3
transform:rotate3d(1, 1, 0, 40deg)≈below the visible threshold
Our renderChrome57 pixels differ from Chrome, the largest by 3 of 255 on one channel.
- Differing pixels
- 57
- Max channel delta
- 3
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 11 branches; 9 of them carry a measurement. The publishing ceiling is 12 examples per property — a branch past it is left out by our choice, not by accident.
| Value | Measured |
|---|---|
| rotate(20deg) | ≈below the visible threshold |
| scale(1.6) | ✓pixel-exact |
| scaleX(1.6) | ✓pixel-exact |
| translate(40px, 20px) | ✓pixel-exact |
| translateY(30px) | ✓pixel-exact |
| skew(20deg, 10deg) | ≈below the visible threshold |
| matrix(1, 0.2, 0.3, 1, 20, 10) | ≈below the visible threshold |
| rotate3d(1, 1, 0, 40deg) | ≈below the visible threshold |
| translate3d(30px, 20px, 40px) | ✓pixel-exact |
| perspective(200px) | not measured |
| none | not measured |
Tests in the suite that name this property
Secondary evidence: 104 Web Platform Tests carry a spec anchor pointing at this property. Only 1,254 tests in the whole corpus carry such an anchor, so an empty list here means nothing at all.
✓css/css-transforms/2d-rotate-001.html✓css/css-transforms/backface-visibility-001.html✓css/css-transforms/backface-visibility-hidden-001.html✓css/css-transforms/backface-visibility-hidden-002.html✓css/css-transforms/backface-visibility-hidden-003.html✓css/css-transforms/backface-visibility-hidden-004.html✓css/css-transforms/backface-visibility-hidden-005.html✓css/css-transforms/backface-visibility-hidden-006.html✓css/css-transforms/css-scale-nested-001.html–css/css-transforms/css-transform-inherit-rotate.html✓css/css-transforms/css-transform-inherit-scale.html✕css/css-transforms/css-transform-scale-001-manual.html
+ 28 more
Measured against Chrome 148.0.7778.96 on 2026-08-27, with up to 40 candidate values tried per property. All properties · How the measurement works