Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
translate
✕parsed, no effectcss-transforms-2
The parser accepts the name, yet our rendering is byte-identical with and without the declaration while Chrome's is not. The declaration is being swallowed.
What the specification says
- Initial value
- none
- Applies to
- transformable elements
- Inherited
- no
- Percentages
- relative to the width of the reference box (for the first value) or the height (for the second value)
- Computed value
- the keyword none or a pair of computed <length-percentage> values and an absolute length
- Syntax
- none | <length-percentage> [ <length-percentage> <length>? ]?
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.
translate:20px 50%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
translate:50%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
translate:20px 20px✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
translate:20px 20px 20px✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
translate:20px✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
translate:20px 40%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
translate:40%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
translate:20px 20px 4px✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
translate:20px calc(40% + 20px)✕parsed, no effect
Our renderChrome29,280 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 29,280
- Max channel delta
- 204
translate:calc(40% + 20px)✕parsed, no effectOur renderChrome24,000 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 24,000
- Max channel delta
- 204
translate:20px 20px calc(20px + 4px)✕parsed, no effectOur renderChrome12,000 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 12,000
- Max channel delta
- 204
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 6 branches; 5 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 |
|---|---|
| 20px | ✓pixel-exact |
| 50% | ✕parsed, no effect |
| 20px 20px | ✓pixel-exact |
| 20px 50% | ✕parsed, no effect |
| 20px 20px 20px | ✕parsed, no effect |
| none | not measured |
Tests in the suite that name this property
Secondary evidence: 5 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/individual-transform/translate-fill-box.html✓css/css-transforms/individual-transform/translate-view-box.html✓css/css-transforms/translate/translate-and-transform-attribute-in-svg.html✓css/css-transforms/translate/translate-and-transform-css-property-in-svg.html✓css/css-transforms/translate/translate-in-svg.html
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