Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
-webkit-filter
◐matches Chrome on some values9 of 11 examples match Chromecompat
Some of the examples match Chrome and some do not. The count beside the verdict says how many — 11 of 12 — and the values that differ are listed on the property page. It is neither a pass nor a failure, and filing it under either would be a lie in one direction.
Here: 9 of 11 examples match Chrome. The 2 that do not: -webkit-filter:blur(4px), -webkit-filter:url(data:image/gif — shown first below, each with its difference map.
The measurements
11 examples, 9 of them matching Chrome, the rest first. Each is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
-webkit-filter:blur(4px)✕renders differently
Our renderChrome12,672 pixels differ from Chrome, the largest by 32 of 255 on one channel.
- Differing pixels
- 12,672
- Max channel delta
- 32
-webkit-filter:url(data:image/gif–not implemented
Our renderChrome1,402 pixels differ from Chrome, the largest by 45 of 255 on one channel.
- Differing pixels
- 1,402
- Max channel delta
- 45
-webkit-filter:invert(1)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-filter:grayscale(1)≈below the visible threshold
Our renderChrome24,000 pixels differ from Chrome, the largest by 1 of 255 on one channel.
- Differing pixels
- 24,000
- Max channel delta
- 1
-webkit-filter:sepia(1)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-filter:brightness(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
-webkit-filter:contrast(2.5)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-filter:saturate(3)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-filter:hue-rotate(90deg)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-filter:opacity(0.35)≈below the visible threshold
Our renderChrome24,000 pixels differ from Chrome, the largest by 1 of 255 on one channel.
- Differing pixels
- 24,000
- Max channel delta
- 1
-webkit-filter:drop-shadow(12px 12px 0 #e07a1f)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 12 branches; 11 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 |
|---|---|
| blur(4px) | ✕renders differently |
| invert(1) | ✓pixel-exact |
| grayscale(1) | ≈below the visible threshold |
| sepia(1) | ✓pixel-exact |
| brightness(1.6) | ✓pixel-exact |
| contrast(2.5) | ✓pixel-exact |
| saturate(3) | ✓pixel-exact |
| hue-rotate(90deg) | ✓pixel-exact |
| opacity(0.35) | ≈below the visible threshold |
| drop-shadow(12px 12px 0 #e07a1f) | ✓pixel-exact |
| url(data:image/gif;base64,R0lGODlhAQABAIAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=) | –not implemented |
| none | not measured |
Measured against Chrome 148.0.7778.96 on 2026-10-11, with up to 40 candidate values tried per property. All properties · How the measurement works