WPT
wpt / css / filter-effects / animation / filter-interpolation-002.html
Spec: Filter Effects ↗
Runs: Chrome 155.0.8042.0 (wpt@0588f3896, 2026-09-04) | Firefox 157.0a1 (wpt@0588f3896, 2026-09-04) | Safari 251 preview (wpt@e7122b73f, 2026-09-04) | Ladybird 1.0-b1af2 (wpt@0588f3896, 2026-09-04) | Servo Servo 0.6 (wpt@2c385f65e, 2026-09-04) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 162/162 | 158/162 | 162/162 | 162/162 | 122/162 | 125/162 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| CSS Transitions: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (-0.5) should be [opacity(1) hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0) should be [opacity(1) hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.25) should be [opacity(0.875) hue-rotate(45deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.5) should be [opacity(0.75) hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1) should be [opacity(0.5) hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1.5) should be [opacity(0.25) hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (-0.5) should be [opacity(1) hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0) should be [opacity(1) hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.25) should be [opacity(0.875) hue-rotate(45deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.5) should be [opacity(0.75) hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1) should be [opacity(0.5) hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1.5) should be [opacity(0.25) hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (-0.5) should be [opacity(1) hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0) should be [opacity(1) hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.25) should be [opacity(0.875) hue-rotate(45deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.5) should be [opacity(0.75) hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1) should be [opacity(0.5) hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1.5) should be [opacity(0.25) hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (-0.5) should be [opacity(1) hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0) should be [opacity(1) hue-rotate(0deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.25) should be [opacity(0.875) hue-rotate(45deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.5) should be [opacity(0.75) hue-rotate(90deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1) should be [opacity(0.5) hue-rotate(180deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1.5) should be [opacity(0.25) hue-rotate(270deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (-0.5) should be [blur(4px) hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0) should be [blur(6px) hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.25) should be [blur(7px) hue-rotate(45deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.5) should be [blur(8px) hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1) should be [blur(10px) hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1.5) should be [blur(12px) hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (-0.5) should be [blur(4px) hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0) should be [blur(6px) hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.25) should be [blur(7px) hue-rotate(45deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.5) should be [blur(8px) hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1) should be [blur(10px) hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1.5) should be [blur(12px) hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (-0.5) should be [blur(4px) hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0) should be [blur(6px) hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.25) should be [blur(7px) hue-rotate(45deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.5) should be [blur(8px) hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1) should be [blur(10px) hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1.5) should be [blur(12px) hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (-0.5) should be [blur(4px) hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0) should be [blur(6px) hue-rotate(0deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.25) should be [blur(7px) hue-rotate(45deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.5) should be [blur(8px) hue-rotate(90deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1) should be [blur(10px) hue-rotate(180deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1.5) should be [blur(12px) hue-rotate(270deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <filter> from [none] to [hue-rotate(180deg)] at (-0.5) should be [hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [none] to [hue-rotate(180deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [none] to [hue-rotate(180deg)] at (0.25) should be [hue-rotate(45deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [none] to [hue-rotate(180deg)] at (0.5) should be [hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [none] to [hue-rotate(180deg)] at (1) should be [hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [none] to [hue-rotate(180deg)] at (1.5) should be [hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [hue-rotate(180deg)] at (-0.5) should be [hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [hue-rotate(180deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [hue-rotate(180deg)] at (0.25) should be [hue-rotate(45deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [hue-rotate(180deg)] at (0.5) should be [hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [hue-rotate(180deg)] at (1) should be [hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [none] to [hue-rotate(180deg)] at (1.5) should be [hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [hue-rotate(180deg)] at (-0.5) should be [hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [hue-rotate(180deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [hue-rotate(180deg)] at (0.25) should be [hue-rotate(45deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [hue-rotate(180deg)] at (0.5) should be [hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [hue-rotate(180deg)] at (1) should be [hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [none] to [hue-rotate(180deg)] at (1.5) should be [hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from [none] to [hue-rotate(180deg)] at (-0.5) should be [hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [none] to [hue-rotate(180deg)] at (0) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [none] to [hue-rotate(180deg)] at (0.25) should be [hue-rotate(45deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [none] to [hue-rotate(180deg)] at (0.5) should be [hue-rotate(90deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [none] to [hue-rotate(180deg)] at (1) should be [hue-rotate(180deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [none] to [hue-rotate(180deg)] at (1.5) should be [hue-rotate(270deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <filter> from [hue-rotate(180deg)] to [none] at (-0.5) should be [hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(180deg)] to [none] at (0) should be [hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(180deg)] to [none] at (0.25) should be [hue-rotate(135deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(180deg)] to [none] at (0.5) should be [hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(180deg)] to [none] at (1) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [hue-rotate(180deg)] to [none] at (1.5) should be [hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(180deg)] to [none] at (-0.5) should be [hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(180deg)] to [none] at (0) should be [hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(180deg)] to [none] at (0.25) should be [hue-rotate(135deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(180deg)] to [none] at (0.5) should be [hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(180deg)] to [none] at (1) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [hue-rotate(180deg)] to [none] at (1.5) should be [hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(180deg)] to [none] at (-0.5) should be [hue-rotate(270deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(180deg)] to [none] at (0) should be [hue-rotate(180deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(180deg)] to [none] at (0.25) should be [hue-rotate(135deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(180deg)] to [none] at (0.5) should be [hue-rotate(90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(180deg)] to [none] at (1) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [hue-rotate(180deg)] to [none] at (1.5) should be [hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from [hue-rotate(180deg)] to [none] at (-0.5) should be [hue-rotate(270deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(180deg)] to [none] at (0) should be [hue-rotate(180deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(180deg)] to [none] at (0.25) should be [hue-rotate(135deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(180deg)] to [none] at (0.5) should be [hue-rotate(90deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(180deg)] to [none] at (1) should be [hue-rotate(0deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [hue-rotate(180deg)] to [none] at (1.5) should be [hue-rotate(-90deg)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| CSS Transitions: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00] | PASS | FAIL | PASS | PASS | FAIL | PASS |
| CSS Transitions with transition: all: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00] | PASS | FAIL | PASS | PASS | FAIL | PASS |
| CSS Animations: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00] | PASS | FAIL | PASS | PASS | FAIL | PASS |
| Web Animations: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00] | PASS | FAIL | PASS | PASS | FAIL | FAIL |
| CSS Transitions with transition-behavior:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (-0.3) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-behavior:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-behavior:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.3) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-behavior:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-behavior:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.6) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-behavior:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-behavior:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (-0.3) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.3) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.6) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (-0.3) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.3) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.6) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (-0.3) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.3) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.6) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Transitions with transition: all: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (-0.3) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.3) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.6) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| CSS Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | PASS | PASS |
| Web Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (-0.3) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.3) should be [grayscale(0) blur(0px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.6) should be [blur(10px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1) should be [blur(10px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Web Animations: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1.5) should be [blur(10px)] | PASS | PASS | PASS | PASS | FAIL | FAIL |