Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
background
≈below the visible thresholdcss-backgrounds-4
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
- see individual properties
- Applies to
- all elements
- Inherited
- no
- Percentages
- see individual properties
- Computed value
- see individual properties
- Syntax
- <bg-layer>#? , <final-bg-layer>
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.
background:#ff0 linear-gradient(90deg,#f00,#00f) no-repeat right bottom / 120px 80px≈below the visible threshold
Our renderChrome9,538 pixels differ from Chrome, the largest by 2 of 255 on one channel.
- Differing pixels
- 9,538
- Max channel delta
- 2
background:#c33✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
background:linear-gradient(90deg,#f00,#00f)≈below the visible threshold
Our renderChrome31,668 pixels differ from Chrome, the largest by 1 of 255 on one channel.
- Differing pixels
- 31,668
- Max channel delta
- 1
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 3 branches; 3 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 |
|---|---|
| #ff0 linear-gradient(90deg,#f00,#00f) no-repeat right bottom / 120px 80px | ≈below the visible threshold |
| #c33 | ✓pixel-exact |
| linear-gradient(90deg,#f00,#00f) | ≈below the visible threshold |
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