WPT
wpt / css / filter-effects / animation / filter-interpolation-001.html
Spec: Filter Effects ↗
Runs: Chrome 155.0.8039.0 (wpt@0ea9f2aac, 2026-09-03) | Firefox 157.0a1 (wpt@0ea9f2aac, 2026-09-03) | Safari 251 preview (wpt@5ce815a83, 2026-08-27) | Ladybird 1.0-a9df8 (wpt@9b4cabf6d, 2026-09-03) | Servo Servo 0.6 (wpt@7e3d005d7, 2026-09-03) | Blitz 188486089 (wpt@a95401e4e, 2026-09-02)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 144/144 | 144/144 | 144/144 | 144/144 | 108/144 | 108/144 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| CSS Transitions: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (-0.5) should be [hue-rotate(-90deg) blur(4px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0) should be [hue-rotate(0deg) blur(6px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.25) should be [hue-rotate(45deg) blur(7px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.5) should be [hue-rotate(90deg) blur(8px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1) should be [hue-rotate(180deg) blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1.5) should be [hue-rotate(270deg) blur(12px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (-0.5) should be [hue-rotate(-90deg) blur(4px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0) should be [hue-rotate(0deg) blur(6px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.25) should be [hue-rotate(45deg) blur(7px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.5) should be [hue-rotate(90deg) blur(8px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1) should be [hue-rotate(180deg) blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1.5) should be [hue-rotate(270deg) blur(12px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (-0.5) should be [hue-rotate(-90deg) blur(4px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0) should be [hue-rotate(0deg) blur(6px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.25) should be [hue-rotate(45deg) blur(7px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.5) should be [hue-rotate(90deg) blur(8px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1) should be [hue-rotate(180deg) blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1.5) should be [hue-rotate(270deg) blur(12px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (-0.5) should be [hue-rotate(-90deg) blur(4px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0) should be [hue-rotate(0deg) blur(6px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.25) should be [hue-rotate(45deg) blur(7px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.5) should be [hue-rotate(90deg) blur(8px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1) should be [hue-rotate(180deg) blur(10px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1.5) should be [hue-rotate(270deg) blur(12px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (-0.5) should be [hue-rotate(75deg) blur(4mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0) should be [hue-rotate(80deg) blur(6mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.25) should be [hue-rotate(82.5deg) blur(7mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.5) should be [hue-rotate(85deg) blur(8mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1) should be [hue-rotate(90deg) blur(10mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1.5) should be [hue-rotate(95deg) blur(12mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (-0.5) should be [hue-rotate(75deg) blur(4mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0) should be [hue-rotate(80deg) blur(6mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.25) should be [hue-rotate(82.5deg) blur(7mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.5) should be [hue-rotate(85deg) blur(8mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1) should be [hue-rotate(90deg) blur(10mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1.5) should be [hue-rotate(95deg) blur(12mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (-0.5) should be [hue-rotate(75deg) blur(4mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0) should be [hue-rotate(80deg) blur(6mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.25) should be [hue-rotate(82.5deg) blur(7mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.5) should be [hue-rotate(85deg) blur(8mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1) should be [hue-rotate(90deg) blur(10mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1.5) should be [hue-rotate(95deg) blur(12mm)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (-0.5) should be [hue-rotate(75deg) blur(4mm)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0) should be [hue-rotate(80deg) blur(6mm)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.25) should be [hue-rotate(82.5deg) blur(7mm)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.5) should be [hue-rotate(85deg) blur(8mm)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1) should be [hue-rotate(90deg) blur(10mm)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1.5) should be [hue-rotate(95deg) blur(12mm)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <filter> from neutral to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(5deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from neutral to [hue-rotate(20deg)] at (0) should be [hue-rotate(10deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from neutral to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(13deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from neutral to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(16deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from neutral to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from neutral to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(25deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from neutral to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(5deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from neutral to [hue-rotate(20deg)] at (0) should be [hue-rotate(10deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from neutral to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(13deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from neutral to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(16deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from neutral to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from neutral to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(25deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from neutral to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(5deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from neutral to [hue-rotate(20deg)] at (0) should be [hue-rotate(10deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from neutral to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(13deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from neutral to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(16deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from neutral to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from neutral to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(25deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from neutral to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(5deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from neutral to [hue-rotate(20deg)] at (0) should be [hue-rotate(10deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from neutral to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(13deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from neutral to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(16deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from neutral to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from neutral to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(25deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <filter> from [initial] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(-10deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [initial] to [hue-rotate(20deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [initial] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(6deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [initial] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(12deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [initial] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [initial] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [initial] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(-10deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [initial] to [hue-rotate(20deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [initial] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(6deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [initial] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(12deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [initial] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [initial] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(-10deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(6deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(12deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(-10deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(6deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(12deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [initial] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <filter> from [inherit] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(35deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [inherit] to [hue-rotate(20deg)] at (0) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [inherit] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(27deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [inherit] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(24deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [inherit] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [inherit] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(15deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [inherit] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(35deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [inherit] to [hue-rotate(20deg)] at (0) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [inherit] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(27deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [inherit] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(24deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [inherit] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [inherit] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(15deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(35deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (0) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(27deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(24deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(15deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(35deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (0) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(27deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(24deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [inherit] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(15deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <filter> from [unset] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(-10deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [unset] to [hue-rotate(20deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [unset] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(6deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [unset] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(12deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [unset] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [unset] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [unset] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(-10deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [unset] to [hue-rotate(20deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [unset] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(6deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [unset] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(12deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [unset] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [unset] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(-10deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(6deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(12deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (-0.5) should be [hue-rotate(-10deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (0.3) should be [hue-rotate(6deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (0.6) should be [hue-rotate(12deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (1) should be [hue-rotate(20deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [unset] to [hue-rotate(20deg)] at (1.5) should be [hue-rotate(30deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |