WIP: Implement CSS transitions on top of InterpolationTypes instead of AnimatableValues

third_party/WebKit/LayoutTests/animations/interpolation/backdrop-filter-interpolation-expected.txt

Index: third_party/WebKit/LayoutTests/animations/interpolation/backdrop-filter-interpolation-expected.txt
diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/backdrop-filter-interpolation-expected.txt b/third_party/WebKit/LayoutTests/animations/interpolation/backdrop-filter-interpolation-expected.txt
deleted file mode 100644
index 92c7167eb271801c2f61d2f5ceb5bd12e8b56c9a..0000000000000000000000000000000000000000
--- a/third_party/WebKit/LayoutTests/animations/interpolation/backdrop-filter-interpolation-expected.txt
+++ /dev/null
@@ -1,427 +0,0 @@
-This is a testharness.js-based test.
-PASS This test uses interpolation-test.js. 
-PASS CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(5deg)] 
-PASS CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (0) is [hue-rotate(10deg)] 
-PASS CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (0.3) is [hue-rotate(13deg)] 
-PASS CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (0.6) is [hue-rotate(16deg)] 
-PASS CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (1.5) is [hue-rotate(25deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(-10deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (0) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (0.3) is [hue-rotate(6deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (0.6) is [hue-rotate(12deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (1.5) is [hue-rotate(30deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(35deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (0) is [hue-rotate(30deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (0.3) is [hue-rotate(27deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (0.6) is [hue-rotate(24deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (1.5) is [hue-rotate(15deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(-10deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (0) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (0.3) is [hue-rotate(6deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (0.6) is [hue-rotate(12deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (1.5) is [hue-rotate(30deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (-0.5) is [hue-rotate(-90deg) blur(4px)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0) is [hue-rotate(0deg) blur(6px)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.25) is [hue-rotate(45deg) blur(7px)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.5) is [hue-rotate(90deg) blur(8px)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1) is [hue-rotate(180deg) blur(10px)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1.5) is [hue-rotate(270deg) blur(12px)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (-0.5) is [hue-rotate(75deg) blur(15.1181px)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0) is [hue-rotate(80deg) blur(22.6772px)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.25) is [hue-rotate(82.5deg) blur(26.4567px)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.5) is [hue-rotate(85deg) blur(30.2362px)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1) is [hue-rotate(90deg) blur(37.7953px)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1.5) is [hue-rotate(95deg) blur(45.3543px)] 
-PASS CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (-0.3) is [blur(10px)] 
-PASS CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0) is [blur(10px)] 
-PASS CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.3) is [blur(10px)] 
-PASS CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.5) is [blur(10px)] 
-PASS CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.6) is [blur(10px)] 
-PASS CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1) is [blur(10px)] 
-PASS CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1.5) is [blur(10px)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (-0.5) is [opacity(1) hue-rotate(-90deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.25) is [opacity(0.875) hue-rotate(45deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.5) is [opacity(0.75) hue-rotate(90deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1) is [opacity(0.5) hue-rotate(180deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1.5) is [opacity(0.25) hue-rotate(270deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (-0.5) is [blur(4px) hue-rotate(-90deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0) is [blur(6px)] 
-PASS CSS Transitions: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.25) is [blur(7px) hue-rotate(45deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.5) is [blur(8px) hue-rotate(90deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1) is [blur(10px) hue-rotate(180deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1.5) is [blur(12px) hue-rotate(270deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (-0.5) is [hue-rotate(-90deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (0) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (0.25) is [hue-rotate(45deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (0.5) is [hue-rotate(90deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (1) is [hue-rotate(180deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (1.5) is [hue-rotate(270deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (-0.5) is [hue-rotate(270deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (0) is [hue-rotate(180deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (0.25) is [hue-rotate(135deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (0.5) is [hue-rotate(90deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (1) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (1.5) is [hue-rotate(-90deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [blur(10px)] at (-1) is [blur(0px)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [blur(10px)] at (0) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [blur(10px)] at (0.5) is [blur(5px)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [blur(10px)] at (1) is [blur(10px)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [blur(10px)] at (1.5) is [blur(15px)] 
-PASS CSS Transitions: property <backdrop-filter> from [brightness(0)] to [none] at (-1) is [brightness(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [brightness(0)] to [none] at (0) is [brightness(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [brightness(0)] to [none] at (0.5) is [brightness(0.5)] 
-PASS CSS Transitions: property <backdrop-filter> from [brightness(0)] to [none] at (1) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [brightness(0)] to [none] at (1.5) is [brightness(1.5)] 
-PASS CSS Transitions: property <backdrop-filter> from [contrast(0)] to [none] at (-1) is [contrast(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [contrast(0)] to [none] at (0) is [contrast(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [contrast(0)] to [none] at (0.5) is [contrast(0.5)] 
-PASS CSS Transitions: property <backdrop-filter> from [contrast(0)] to [none] at (1) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [contrast(0)] to [none] at (1.5) is [contrast(1.5)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (-1) is [drop-shadow(rgba(0, 0, 0, 0) -20px -10px 0px)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (0) is [none] 
-FAIL CSS Transitions: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (0.5) is [drop-shadow(rgba(0, 127, 0, 0.501961) 10px 5px 0px)] assert_equals: expected "drop - shadow ( rgba ( 0 , 128 , 0 , 0.5 ) 10px 5px 0px ) " but got "drop - shadow ( rgba ( 0 , 127 , 0 , 0.5 ) 10px 5px 0px ) "
-PASS CSS Transitions: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1) is [drop-shadow(rgb(0, 128, 0) 20px 10px 0px)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) is [drop-shadow(rgb(0, 192, 0) 30px 15px 0px)] 
-PASS CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) is [drop-shadow(rgb(255, 255, 255) -20px -10px 0px)] 
-PASS CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) is [drop-shadow(rgb(255, 255, 255) 0px 0px 0px)] 
-PASS CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) is [drop-shadow(rgb(128, 192, 128) 10px 5px 0px)] 
-PASS CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) is [drop-shadow(rgb(0, 128, 0) 20px 10px 0px)] 
-PASS CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) is [drop-shadow(rgb(0, 65, 0) 30px 15px 0px)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [grayscale(1)] at (-1) is [grayscale(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [grayscale(1)] at (0) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [grayscale(1)] at (0.5) is [grayscale(0.5)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [grayscale(1)] at (1) is [grayscale(1)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [grayscale(1)] at (1.5) is [grayscale(1)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (-1) is [hue-rotate(-360deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (0) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (0.5) is [hue-rotate(180deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (1) is [hue-rotate(360deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (1.5) is [hue-rotate(540deg)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [invert(1)] at (-1) is [invert(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [invert(1)] at (0) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [invert(1)] at (0.5) is [invert(0.5)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [invert(1)] at (1) is [invert(1)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [invert(1)] at (1.5) is [invert(1)] 
-PASS CSS Transitions: property <backdrop-filter> from [opacity(0)] to [none] at (-1) is [opacity(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [opacity(0)] to [none] at (0) is [opacity(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [opacity(0)] to [none] at (0.5) is [opacity(0.5)] 
-PASS CSS Transitions: property <backdrop-filter> from [opacity(0)] to [none] at (1) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [opacity(0)] to [none] at (1.5) is [opacity(1)] 
-PASS CSS Transitions: property <backdrop-filter> from [saturate(0)] to [none] at (-1) is [saturate(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [saturate(0)] to [none] at (0) is [saturate(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [saturate(0)] to [none] at (0.5) is [saturate(0.5)] 
-PASS CSS Transitions: property <backdrop-filter> from [saturate(0)] to [none] at (1) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [saturate(0)] to [none] at (1.5) is [saturate(1.5)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [sepia(1)] at (-1) is [sepia(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [sepia(1)] at (0) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [sepia(1)] at (0.5) is [sepia(0.5)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [sepia(1)] at (1) is [sepia(1)] 
-PASS CSS Transitions: property <backdrop-filter> from [none] to [sepia(1)] at (1.5) is [sepia(1)] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [none] at (-0.3) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0.3) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0.5) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0.6) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [none] at (1) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [none] at (1.5) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (-0.3) is [blur(5px)] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0) is [blur(5px)] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0.3) is [blur(5px)] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0.5) is [blur(5px)] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0.6) is [blur(5px)] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (1) is [blur(5px)] 
-PASS CSS Transitions: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (1.5) is [blur(5px)] 
-PASS CSS Transitions: property <backdrop-filter> from [initial] to [sepia(1)] at (-1) is [sepia(0)] 
-PASS CSS Transitions: property <backdrop-filter> from [initial] to [sepia(1)] at (0) is [none] 
-PASS CSS Transitions: property <backdrop-filter> from [initial] to [sepia(1)] at (0.5) is [sepia(0.5)] 
-PASS CSS Transitions: property <backdrop-filter> from [initial] to [sepia(1)] at (1) is [sepia(1)] 
-PASS CSS Transitions: property <backdrop-filter> from [initial] to [sepia(1)] at (1.5) is [sepia(1)] 
-PASS CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(5deg)] 
-PASS CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (0) is [hue-rotate(10deg)] 
-PASS CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (0.3) is [hue-rotate(13deg)] 
-PASS CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (0.6) is [hue-rotate(16deg)] 
-PASS CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (1.5) is [hue-rotate(25deg)] 
-PASS CSS Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(-10deg)] 
-PASS CSS Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (0) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (0.3) is [hue-rotate(6deg)] 
-PASS CSS Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (0.6) is [hue-rotate(12deg)] 
-PASS CSS Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS CSS Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (1.5) is [hue-rotate(30deg)] 
-PASS CSS Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(35deg)] 
-PASS CSS Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (0) is [hue-rotate(30deg)] 
-PASS CSS Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (0.3) is [hue-rotate(27deg)] 
-PASS CSS Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (0.6) is [hue-rotate(24deg)] 
-PASS CSS Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS CSS Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (1.5) is [hue-rotate(15deg)] 
-PASS CSS Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(-10deg)] 
-PASS CSS Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (0) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (0.3) is [hue-rotate(6deg)] 
-PASS CSS Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (0.6) is [hue-rotate(12deg)] 
-PASS CSS Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS CSS Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (1.5) is [hue-rotate(30deg)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (-0.5) is [hue-rotate(-90deg) blur(4px)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0) is [hue-rotate(0deg) blur(6px)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.25) is [hue-rotate(45deg) blur(7px)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.5) is [hue-rotate(90deg) blur(8px)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1) is [hue-rotate(180deg) blur(10px)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1.5) is [hue-rotate(270deg) blur(12px)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (-0.5) is [hue-rotate(75deg) blur(15.1181px)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0) is [hue-rotate(80deg) blur(22.6772px)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.25) is [hue-rotate(82.5deg) blur(26.4567px)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.5) is [hue-rotate(85deg) blur(30.2362px)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1) is [hue-rotate(90deg) blur(37.7953px)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1.5) is [hue-rotate(95deg) blur(45.3543px)] 
-PASS CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (-0.3) is [grayscale(0) blur(0px)] 
-PASS CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0) is [grayscale(0) blur(0px)] 
-PASS CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.3) is [grayscale(0) blur(0px)] 
-PASS CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.5) is [blur(10px)] 
-PASS CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.6) is [blur(10px)] 
-PASS CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1) is [blur(10px)] 
-PASS CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1.5) is [blur(10px)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (-0.5) is [opacity(1) hue-rotate(-90deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.25) is [opacity(0.875) hue-rotate(45deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.5) is [opacity(0.75) hue-rotate(90deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1) is [opacity(0.5) hue-rotate(180deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1.5) is [opacity(0.25) hue-rotate(270deg)] 
-PASS CSS Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (-0.5) is [blur(4px) hue-rotate(-90deg)] 
-PASS CSS Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0) is [blur(6px)] 
-PASS CSS Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.25) is [blur(7px) hue-rotate(45deg)] 
-PASS CSS Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.5) is [blur(8px) hue-rotate(90deg)] 
-PASS CSS Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1) is [blur(10px) hue-rotate(180deg)] 
-PASS CSS Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1.5) is [blur(12px) hue-rotate(270deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (-0.5) is [hue-rotate(-90deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (0) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (0.25) is [hue-rotate(45deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (0.5) is [hue-rotate(90deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (1) is [hue-rotate(180deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (1.5) is [hue-rotate(270deg)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (-0.5) is [hue-rotate(270deg)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (0) is [hue-rotate(180deg)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (0.25) is [hue-rotate(135deg)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (0.5) is [hue-rotate(90deg)] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (1) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (1.5) is [hue-rotate(-90deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [blur(10px)] at (-1) is [blur(0px)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [blur(10px)] at (0) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [blur(10px)] at (0.5) is [blur(5px)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [blur(10px)] at (1) is [blur(10px)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [blur(10px)] at (1.5) is [blur(15px)] 
-PASS CSS Animations: property <backdrop-filter> from [brightness(0)] to [none] at (-1) is [brightness(0)] 
-PASS CSS Animations: property <backdrop-filter> from [brightness(0)] to [none] at (0) is [brightness(0)] 
-PASS CSS Animations: property <backdrop-filter> from [brightness(0)] to [none] at (0.5) is [brightness(0.5)] 
-PASS CSS Animations: property <backdrop-filter> from [brightness(0)] to [none] at (1) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [brightness(0)] to [none] at (1.5) is [brightness(1.5)] 
-PASS CSS Animations: property <backdrop-filter> from [contrast(0)] to [none] at (-1) is [contrast(0)] 
-PASS CSS Animations: property <backdrop-filter> from [contrast(0)] to [none] at (0) is [contrast(0)] 
-PASS CSS Animations: property <backdrop-filter> from [contrast(0)] to [none] at (0.5) is [contrast(0.5)] 
-PASS CSS Animations: property <backdrop-filter> from [contrast(0)] to [none] at (1) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [contrast(0)] to [none] at (1.5) is [contrast(1.5)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (-1) is [drop-shadow(rgba(0, 0, 0, 0) -20px -10px 0px)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (0) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (0.5) is [drop-shadow(rgba(0, 128, 0, 0.501961) 10px 5px 0px)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1) is [drop-shadow(rgb(0, 128, 0) 20px 10px 0px)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) is [drop-shadow(rgb(0, 192, 0) 30px 15px 0px)] 
-PASS CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) is [drop-shadow(rgb(255, 255, 255) -20px -10px 0px)] 
-PASS CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) is [drop-shadow(rgb(255, 255, 255) 0px 0px 0px)] 
-PASS CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) is [drop-shadow(rgb(128, 192, 128) 10px 5px 0px)] 
-PASS CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) is [drop-shadow(rgb(0, 128, 0) 20px 10px 0px)] 
-PASS CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) is [drop-shadow(rgb(0, 65, 0) 30px 15px 0px)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [grayscale(1)] at (-1) is [grayscale(0)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [grayscale(1)] at (0) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [grayscale(1)] at (0.5) is [grayscale(0.5)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [grayscale(1)] at (1) is [grayscale(1)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [grayscale(1)] at (1.5) is [grayscale(1)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (-1) is [hue-rotate(-360deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (0) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (0.5) is [hue-rotate(180deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (1) is [hue-rotate(360deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (1.5) is [hue-rotate(540deg)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [invert(1)] at (-1) is [invert(0)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [invert(1)] at (0) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [invert(1)] at (0.5) is [invert(0.5)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [invert(1)] at (1) is [invert(1)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [invert(1)] at (1.5) is [invert(1)] 
-PASS CSS Animations: property <backdrop-filter> from [opacity(0)] to [none] at (-1) is [opacity(0)] 
-PASS CSS Animations: property <backdrop-filter> from [opacity(0)] to [none] at (0) is [opacity(0)] 
-PASS CSS Animations: property <backdrop-filter> from [opacity(0)] to [none] at (0.5) is [opacity(0.5)] 
-PASS CSS Animations: property <backdrop-filter> from [opacity(0)] to [none] at (1) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [opacity(0)] to [none] at (1.5) is [opacity(1)] 
-PASS CSS Animations: property <backdrop-filter> from [saturate(0)] to [none] at (-1) is [saturate(0)] 
-PASS CSS Animations: property <backdrop-filter> from [saturate(0)] to [none] at (0) is [saturate(0)] 
-PASS CSS Animations: property <backdrop-filter> from [saturate(0)] to [none] at (0.5) is [saturate(0.5)] 
-PASS CSS Animations: property <backdrop-filter> from [saturate(0)] to [none] at (1) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [saturate(0)] to [none] at (1.5) is [saturate(1.5)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [sepia(1)] at (-1) is [sepia(0)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [sepia(1)] at (0) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [sepia(1)] at (0.5) is [sepia(0.5)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [sepia(1)] at (1) is [sepia(1)] 
-PASS CSS Animations: property <backdrop-filter> from [none] to [sepia(1)] at (1.5) is [sepia(1)] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (-0.3) is [url("#svgfilter")] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0) is [url("#svgfilter")] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0.3) is [url("#svgfilter")] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0.5) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0.6) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (1) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (1.5) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (-0.3) is [url("#svgfilter")] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0) is [url("#svgfilter")] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0.3) is [url("#svgfilter")] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0.5) is [blur(5px)] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0.6) is [blur(5px)] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (1) is [blur(5px)] 
-PASS CSS Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (1.5) is [blur(5px)] 
-PASS CSS Animations: property <backdrop-filter> from [initial] to [sepia(1)] at (-1) is [sepia(0)] 
-PASS CSS Animations: property <backdrop-filter> from [initial] to [sepia(1)] at (0) is [none] 
-PASS CSS Animations: property <backdrop-filter> from [initial] to [sepia(1)] at (0.5) is [sepia(0.5)] 
-PASS CSS Animations: property <backdrop-filter> from [initial] to [sepia(1)] at (1) is [sepia(1)] 
-PASS CSS Animations: property <backdrop-filter> from [initial] to [sepia(1)] at (1.5) is [sepia(1)] 
-PASS Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(5deg)] 
-PASS Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (0) is [hue-rotate(10deg)] 
-PASS Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (0.3) is [hue-rotate(13deg)] 
-PASS Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (0.6) is [hue-rotate(16deg)] 
-PASS Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)] at (1.5) is [hue-rotate(25deg)] 
-PASS Web Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(-10deg)] 
-PASS Web Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (0) is [none] 
-PASS Web Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (0.3) is [hue-rotate(6deg)] 
-PASS Web Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (0.6) is [hue-rotate(12deg)] 
-PASS Web Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS Web Animations: property <backdrop-filter> from [initial] to [hue-rotate(20deg)] at (1.5) is [hue-rotate(30deg)] 
-PASS Web Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(35deg)] 
-PASS Web Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (0) is [hue-rotate(30deg)] 
-PASS Web Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (0.3) is [hue-rotate(27deg)] 
-PASS Web Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (0.6) is [hue-rotate(24deg)] 
-PASS Web Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS Web Animations: property <backdrop-filter> from [inherit] to [hue-rotate(20deg)] at (1.5) is [hue-rotate(15deg)] 
-PASS Web Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (-0.5) is [hue-rotate(-10deg)] 
-PASS Web Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (0) is [none] 
-PASS Web Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (0.3) is [hue-rotate(6deg)] 
-PASS Web Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (0.6) is [hue-rotate(12deg)] 
-PASS Web Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (1) is [hue-rotate(20deg)] 
-PASS Web Animations: property <backdrop-filter> from [unset] to [hue-rotate(20deg)] at (1.5) is [hue-rotate(30deg)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (-0.5) is [hue-rotate(-90deg) blur(4px)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0) is [hue-rotate(0deg) blur(6px)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.25) is [hue-rotate(45deg) blur(7px)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.5) is [hue-rotate(90deg) blur(8px)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1) is [hue-rotate(180deg) blur(10px)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (1.5) is [hue-rotate(270deg) blur(12px)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (-0.5) is [hue-rotate(75deg) blur(15.1181px)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0) is [hue-rotate(80deg) blur(22.6772px)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.25) is [hue-rotate(82.5deg) blur(26.4567px)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (0.5) is [hue-rotate(85deg) blur(30.2362px)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1) is [hue-rotate(90deg) blur(37.7953px)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)] to [hue-rotate(100grad) blur(1cm)] at (1.5) is [hue-rotate(95deg) blur(45.3543px)] 
-PASS Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (-0.3) is [grayscale(0) blur(0px)] 
-PASS Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0) is [grayscale(0) blur(0px)] 
-PASS Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.3) is [grayscale(0) blur(0px)] 
-PASS Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.5) is [blur(10px)] 
-PASS Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.6) is [blur(10px)] 
-PASS Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1) is [blur(10px)] 
-PASS Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (1.5) is [blur(10px)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (-0.5) is [opacity(1) hue-rotate(-90deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0) is [none] 
-PASS Web Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.25) is [opacity(0.875) hue-rotate(45deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.5) is [opacity(0.75) hue-rotate(90deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1) is [opacity(0.5) hue-rotate(180deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (1.5) is [opacity(0.25) hue-rotate(270deg)] 
-PASS Web Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (-0.5) is [blur(4px) hue-rotate(-90deg)] 
-PASS Web Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0) is [blur(6px)] 
-PASS Web Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.25) is [blur(7px) hue-rotate(45deg)] 
-PASS Web Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (0.5) is [blur(8px) hue-rotate(90deg)] 
-PASS Web Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1) is [blur(10px) hue-rotate(180deg)] 
-PASS Web Animations: property <backdrop-filter> from [blur(6px)] to [blur(10px) hue-rotate(180deg)] at (1.5) is [blur(12px) hue-rotate(270deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (-0.5) is [hue-rotate(-90deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (0) is [none] 
-PASS Web Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (0.25) is [hue-rotate(45deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (0.5) is [hue-rotate(90deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (1) is [hue-rotate(180deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [hue-rotate(180deg)] at (1.5) is [hue-rotate(270deg)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (-0.5) is [hue-rotate(270deg)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (0) is [hue-rotate(180deg)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (0.25) is [hue-rotate(135deg)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (0.5) is [hue-rotate(90deg)] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (1) is [none] 
-PASS Web Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (1.5) is [hue-rotate(-90deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [blur(10px)] at (-1) is [blur(0px)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [blur(10px)] at (0) is [none] 
-PASS Web Animations: property <backdrop-filter> from [none] to [blur(10px)] at (0.5) is [blur(5px)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [blur(10px)] at (1) is [blur(10px)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [blur(10px)] at (1.5) is [blur(15px)] 
-PASS Web Animations: property <backdrop-filter> from [brightness(0)] to [none] at (-1) is [brightness(0)] 
-PASS Web Animations: property <backdrop-filter> from [brightness(0)] to [none] at (0) is [brightness(0)] 
-PASS Web Animations: property <backdrop-filter> from [brightness(0)] to [none] at (0.5) is [brightness(0.5)] 
-PASS Web Animations: property <backdrop-filter> from [brightness(0)] to [none] at (1) is [none] 
-PASS Web Animations: property <backdrop-filter> from [brightness(0)] to [none] at (1.5) is [brightness(1.5)] 
-PASS Web Animations: property <backdrop-filter> from [contrast(0)] to [none] at (-1) is [contrast(0)] 
-PASS Web Animations: property <backdrop-filter> from [contrast(0)] to [none] at (0) is [contrast(0)] 
-PASS Web Animations: property <backdrop-filter> from [contrast(0)] to [none] at (0.5) is [contrast(0.5)] 
-PASS Web Animations: property <backdrop-filter> from [contrast(0)] to [none] at (1) is [none] 
-PASS Web Animations: property <backdrop-filter> from [contrast(0)] to [none] at (1.5) is [contrast(1.5)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (-1) is [drop-shadow(rgba(0, 0, 0, 0) -20px -10px 0px)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (0) is [none] 
-PASS Web Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (0.5) is [drop-shadow(rgba(0, 128, 0, 0.501961) 10px 5px 0px)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1) is [drop-shadow(rgb(0, 128, 0) 20px 10px 0px)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) is [drop-shadow(rgb(0, 192, 0) 30px 15px 0px)] 
-PASS Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) is [drop-shadow(rgb(255, 255, 255) -20px -10px 0px)] 
-PASS Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) is [drop-shadow(rgb(255, 255, 255) 0px 0px 0px)] 
-PASS Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) is [drop-shadow(rgb(128, 192, 128) 10px 5px 0px)] 
-PASS Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) is [drop-shadow(rgb(0, 128, 0) 20px 10px 0px)] 
-PASS Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) is [drop-shadow(rgb(0, 65, 0) 30px 15px 0px)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [grayscale(1)] at (-1) is [grayscale(0)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [grayscale(1)] at (0) is [none] 
-PASS Web Animations: property <backdrop-filter> from [none] to [grayscale(1)] at (0.5) is [grayscale(0.5)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [grayscale(1)] at (1) is [grayscale(1)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [grayscale(1)] at (1.5) is [grayscale(1)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (-1) is [hue-rotate(-360deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (0) is [none] 
-PASS Web Animations: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (0.5) is [hue-rotate(180deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (1) is [hue-rotate(360deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [hue-rotate(360deg)] at (1.5) is [hue-rotate(540deg)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [invert(1)] at (-1) is [invert(0)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [invert(1)] at (0) is [none] 
-PASS Web Animations: property <backdrop-filter> from [none] to [invert(1)] at (0.5) is [invert(0.5)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [invert(1)] at (1) is [invert(1)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [invert(1)] at (1.5) is [invert(1)] 
-PASS Web Animations: property <backdrop-filter> from [opacity(0)] to [none] at (-1) is [opacity(0)] 
-PASS Web Animations: property <backdrop-filter> from [opacity(0)] to [none] at (0) is [opacity(0)] 
-PASS Web Animations: property <backdrop-filter> from [opacity(0)] to [none] at (0.5) is [opacity(0.5)] 
-PASS Web Animations: property <backdrop-filter> from [opacity(0)] to [none] at (1) is [none] 
-PASS Web Animations: property <backdrop-filter> from [opacity(0)] to [none] at (1.5) is [opacity(1)] 
-PASS Web Animations: property <backdrop-filter> from [saturate(0)] to [none] at (-1) is [saturate(0)] 
-PASS Web Animations: property <backdrop-filter> from [saturate(0)] to [none] at (0) is [saturate(0)] 
-PASS Web Animations: property <backdrop-filter> from [saturate(0)] to [none] at (0.5) is [saturate(0.5)] 
-PASS Web Animations: property <backdrop-filter> from [saturate(0)] to [none] at (1) is [none] 
-PASS Web Animations: property <backdrop-filter> from [saturate(0)] to [none] at (1.5) is [saturate(1.5)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [sepia(1)] at (-1) is [sepia(0)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [sepia(1)] at (0) is [none] 
-PASS Web Animations: property <backdrop-filter> from [none] to [sepia(1)] at (0.5) is [sepia(0.5)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [sepia(1)] at (1) is [sepia(1)] 
-PASS Web Animations: property <backdrop-filter> from [none] to [sepia(1)] at (1.5) is [sepia(1)] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (-0.3) is [url("#svgfilter")] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0) is [url("#svgfilter")] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0.3) is [url("#svgfilter")] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0.5) is [none] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (0.6) is [none] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (1) is [none] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [none] at (1.5) is [none] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (-0.3) is [url("#svgfilter")] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0) is [url("#svgfilter")] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0.3) is [url("#svgfilter")] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0.5) is [blur(5px)] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0.6) is [blur(5px)] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (1) is [blur(5px)] 
-PASS Web Animations: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (1.5) is [blur(5px)] 
-PASS Web Animations: property <backdrop-filter> from [initial] to [sepia(1)] at (-1) is [sepia(0)] 
-PASS Web Animations: property <backdrop-filter> from [initial] to [sepia(1)] at (0) is [none] 
-PASS Web Animations: property <backdrop-filter> from [initial] to [sepia(1)] at (0.5) is [sepia(0.5)] 
-PASS Web Animations: property <backdrop-filter> from [initial] to [sepia(1)] at (1) is [sepia(1)] 
-PASS Web Animations: property <backdrop-filter> from [initial] to [sepia(1)] at (1.5) is [sepia(1)] 
-Harness: the test ran to completion.
-