--- a/layout/style/test/property_database.js
+++ b/layout/style/test/property_database.js
@@ -27,16 +27,29 @@ function IsCSSPropertyPrefEnabled(prefNa
         ex +
         ")"
     );
   }
 
   return false;
 }
 
+// Returns true if WebRender is enabled. Otherwise, returns false
+function IsWebRenderEnabled() {
+  try {
+    return SpecialPowers.Cc["@mozilla.org/gfx/info;1"].getService(
+      SpecialPowers.Ci.nsIGfxInfo
+    ).WebRenderEnabled;
+  } catch (ex) {
+    ok(false, "Failed to check WebRender's enabled state");
+  }
+
+  return false;
+}
+
 // True longhand properties.
 const CSS_TYPE_LONGHAND = 0;
 
 // True shorthand properties.
 const CSS_TYPE_TRUE_SHORTHAND = 1;
 
 // Properties that we handle as shorthands but were longhands either in
 // the current spec or earlier versions of the spec.
@@ -13160,17 +13173,20 @@ if (IsCSSPropertyPrefEnabled("layout.css
   gCSSProperties["transition-timing-function"].invalid_values.push(
     "steps(0, jump-start)",
     "steps(0, jump-end)",
     "steps(1, jump-none)",
     "steps(0, jump-both)"
   );
 }
 
-if (IsCSSPropertyPrefEnabled("layout.css.backdrop-filter.enabled")) {
+if (
+  IsCSSPropertyPrefEnabled("layout.css.backdrop-filter.enabled") &&
+  IsWebRenderEnabled()
+) {
   gCSSProperties["backdrop-filter"] = {
     domProp: "backdropFilter",
     inherited: false,
     type: CSS_TYPE_LONGHAND,
     initial_values: ["none"],
     other_values: gCSSProperties["filter"].other_values,
     invalid_values: gCSSProperties["filter"].invalid_values,
   };

--- a/layout/style/test/test_property_database.html
+++ b/layout/style/test/test_property_database.html
@@ -28,33 +28,38 @@
  *
  * This prevents CSS properties from being added to the code without
  * also being put under the minimal test coverage provided by the tests
  * that use property_database.js.
  */
 
 for (var idx in gLonghandProperties) {
   var prop = gLonghandProperties[idx];
+  const webRenderEnabled = IsWebRenderEnabled();
   if (prop.pref && !IsCSSPropertyPrefEnabled(prop.pref)) {
     continue;
+  } else if (prop.name === "backdrop-filter" && !webRenderEnabled) {
+    continue;
   }
   var present = prop.name in gCSSProperties;
   ok(present,
      "'" + prop.name + "' listed in gCSSProperties");
   if (present) {
     is(gCSSProperties[prop.name].type, CSS_TYPE_LONGHAND,
        "'" + prop.name + "' listed as CSS_TYPE_LONGHAND");
     is(gCSSProperties[prop.name].domProp, prop.prop,
        "'" + prop.name + "' listed with correct DOM property name");
   }
 }
 for (var idx in gShorthandProperties) {
   var prop = gShorthandProperties[idx];
   if (prop.pref && !IsCSSPropertyPrefEnabled(prop.pref)) {
     continue;
+  } else if (prop.name === "backdrop-filter" && !webRenderEnabled) {
+    continue;
   }
   if (prop.name == "all") {
     // "all" isn't listed in property_database.js.
     continue;
   }
   var present = prop.name in gCSSProperties;
   ok(present,
      "'" + prop.name + "' listed in gCSSProperties");
@@ -66,16 +71,18 @@ for (var idx in gShorthandProperties) {
     ok(gCSSProperties[prop.name].domProp == prop.prop,
        "'" + prop.name + "' listed with correct DOM property name");
   }
 }
 for (var idx in gShorthandPropertiesLikeLonghand) {
   var prop = gShorthandPropertiesLikeLonghand[idx];
   if (prop.pref && !IsCSSPropertyPrefEnabled(prop.pref)) {
     continue;
+  } else if (prop.name === "backdrop-filter" && !webRenderEnabled) {
+    continue;
   }
   var present = prop.name in gCSSProperties;
   ok(present,
      "'" + prop.name + "' listed in gCSSProperties");
   if (present) {
     ok(gCSSProperties[prop.name].type == CSS_TYPE_SHORTHAND_AND_LONGHAND,
        "'" + prop.name + "' listed as CSS_TYPE_SHORTHAND_AND_LONGHAND");
     ok(gCSSProperties[prop.name].domProp == prop.prop,

--- a/layout/style/test/test_transitions_per_property.html
+++ b/layout/style/test/test_transitions_per_property.html
@@ -59,17 +59,16 @@ function any_unit_to_num(str)
 {
     return Number(String(str).match(/^([\d.]+)/)[1]);
 }
 
 var FUNC_NEGATIVE = "cubic-bezier(0.25, -2, 0.75, 1)";
 var FUNC_OVERONE = "cubic-bezier(0.25, 0, 0.75, 3)";
 
 var supported_properties = {
-    "backdrop-filter" : [ test_filter_transition ],
     "border-bottom-left-radius": [ test_radius_transition ],
     "border-bottom-right-radius": [ test_radius_transition ],
     "border-top-left-radius": [ test_radius_transition ],
     "border-top-right-radius": [ test_radius_transition ],
     "border-start-start-radius": [ test_radius_transition ],
     "border-start-end-radius": [ test_radius_transition ],
     "border-end-start-radius": [ test_radius_transition ],
     "border-end-end-radius": [ test_radius_transition ],
@@ -349,16 +348,20 @@ var supported_properties = {
       test_length_clamped, test_percent_clamped,
     ],
     "scroll-padding-left": [
       test_length_transition, test_percent_transition,
       test_length_clamped, test_percent_clamped,
     ],
 };
 
+if (IsCSSPropertyPrefEnabled("layout.css.backdrop-filter.enabled") && IsWebRenderEnabled()) {
+  supported_properties["backdrop-filter"] = [ test_filter_transition ];
+}
+
 if (IsCSSPropertyPrefEnabled("layout.css.motion-path.enabled")) {
   supported_properties["offset-path"] = [ test_path_function ];
   supported_properties["offset-distance"] =
     [ test_length_transition,
       test_percent_transition,
       test_length_unclamped,
       test_percent_unclamped,
       test_calc_wrapped_calc_transition ];

new file mode 100644
--- /dev/null
+++ b/testing/web-platform/meta/css/filter-effects/animation/backdrop-filter-interpolation-001.html.ini
@@ -0,0 +1,1041 @@
+[backdrop-filter-interpolation-001.html]
+  [CSS Transitions with transition: all: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(15deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(35deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (1) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (1.5) should be [hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [initial\] to [sepia(1)\] at (0) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (1.5) should be [hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(-10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (1) should be [hue-rotate(90deg) blur(10mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (1.5) should be [hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (-0.5) should be [hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (1) should be [hue-rotate(90deg) blur(10mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (1) should be [hue-rotate(90deg) blur(10mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (-0.3) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (-0.5) should be [hue-rotate(-90deg) blur(4px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (-0.5) should be [hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (1.5) should be [hue-rotate(95deg) blur(12mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(6deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px white)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (1) should be [hue-rotate(180deg) blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1) should be [drop-shadow(20px 10px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (1.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0) should be [drop-shadow(0px 0px 0px currentcolor)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (-0.5) should be [hue-rotate(75deg) blur(4mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0.5) should be [hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0) should be [hue-rotate(80deg) blur(6mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (1) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px white)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(5deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0) should be [drop-shadow(0px 0px 0px currentcolor)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px #80C080)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0.25) should be [hue-rotate(135deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(27deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (1) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0.25) should be [hue-rotate(135deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (1) should be [hue-rotate(180deg) blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0.5) should be [hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0) should be [drop-shadow(0px 0px 0px currentcolor)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(16deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(27deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (1.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0.5) should be [hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (1) should be [hue-rotate(180deg) blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.5) should be [hue-rotate(90deg) blur(8px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.3) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (1.5) should be [hue-rotate(95deg) blur(12mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (1.5) should be [hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0) should be [hue-rotate(0deg) blur(6px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(25deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(12deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (1.5) should be [hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [initial\] to [sepia(1)\] at (0) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (-0.3) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [initial\] to [sepia(1)\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.6) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (1.5) should be [hue-rotate(270deg) blur(12px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.3) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(-10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0.25) should be [hue-rotate(82.5deg) blur(7mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(-10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [initial\] to [sepia(1)\] at (1) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(-10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (-0.5) should be [hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0) should be [hue-rotate(10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(12deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(13deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1) should be [drop-shadow(20px 10px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.25) should be [hue-rotate(45deg) blur(7px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(24deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (1.5) should be [hue-rotate(270deg) blur(12px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (1) should be [hue-rotate(180deg) blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(15deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(15deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1.5) should be [drop-shadow(30px 15px #004100)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(6deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(13deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1.5) should be [drop-shadow(30px 15px #004100)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px white)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(16deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [initial\] to [sepia(1)\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.5) should be [hue-rotate(90deg) blur(8px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(12deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(6deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0.25) should be [hue-rotate(82.5deg) blur(7mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px #80C080)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(35deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (1) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0.5) should be [hue-rotate(85deg) blur(8mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(24deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [initial\] to [sepia(1)\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.25) should be [hue-rotate(45deg) blur(7px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(27deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0.5) should be [hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [initial\] to [sepia(1)\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [initial\] to [sepia(1)\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.25) should be [hue-rotate(45deg) blur(7px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(12deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1) should be [drop-shadow(20px 10px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (1) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(6deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1.5) should be [drop-shadow(30px 15px #004100)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(13deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(35deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (-0.5) should be [hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (-0.5) should be [hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(-10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(35deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(13deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(6deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (-0.3) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.5) should be [hue-rotate(90deg) blur(8px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.6) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (1.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.3) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.6) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (1.5) should be [hue-rotate(95deg) blur(12mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0.25) should be [hue-rotate(82.5deg) blur(7mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0.25) should be [hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [initial\] to [sepia(1)\] at (0) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (1) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(5deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (-0.5) should be [hue-rotate(75deg) blur(4mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1.5) should be [drop-shadow(30px 15px #004100)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(15deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.3) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0) should be [hue-rotate(80deg) blur(6mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0.5) should be [hue-rotate(85deg) blur(8mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0.25) should be [hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0) should be [hue-rotate(0deg) blur(6px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.25) should be [hue-rotate(45deg) blur(7px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (1.5) should be [hue-rotate(270deg) blur(12px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0.5) should be [hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0.5) should be [hue-rotate(90deg) blur(8px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [initial\] to [sepia(1)\] at (1) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [initial\] to [sepia(1)\] at (1) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0.25) should be [hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [initial\] to [sepia(1)\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (-0.5) should be [hue-rotate(-90deg) blur(4px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [initial\] to [sepia(1)\] at (0) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0) should be [hue-rotate(0deg) blur(6px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [initial\] to [sepia(1)\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px white)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(5deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px #80C080)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [initial\] to [sepia(1)\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(16deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.6) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(25deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(12deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0) should be [hue-rotate(10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (1.5) should be [hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (1) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (1.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (1.5) should be [hue-rotate(95deg) blur(12mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (-0.5) should be [hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (1) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(24deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0) should be [drop-shadow(0px 0px 0px currentcolor)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0) should be [hue-rotate(10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0.5) should be [hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(-10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (0) should be [hue-rotate(0deg) blur(6px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0.5) should be [hue-rotate(85deg) blur(8mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (1.5) should be [hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(6deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0.5) should be [hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [initial\] to [sepia(1)\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0.5) should be [hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(12deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(-10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [initial\] to [sepia(1)\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (-0.3) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (-0.5) should be [hue-rotate(75deg) blur(4mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(12deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0) should be [hue-rotate(10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(-10deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(24deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0.25) should be [hue-rotate(82.5deg) blur(7mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (-0.5) should be [hue-rotate(75deg) blur(4mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (1.5) should be [hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [initial\] to [sepia(1)\] at (1) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (1) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (1) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(6deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0) should be [hue-rotate(80deg) blur(6mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0.5) should be [hue-rotate(85deg) blur(8mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0.25) should be [hue-rotate(135deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [initial\] to [sepia(1)\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (1) should be [hue-rotate(90deg) blur(10mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (1) should be [hue-rotate(0deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (1) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (-0.5) should be [hue-rotate(-90deg) blur(4px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (0.25) should be [hue-rotate(135deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (-0.5) should be [hue-rotate(-90deg) blur(4px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)\] to [hue-rotate(180deg) blur(10px)\] at (1.5) should be [hue-rotate(270deg) blur(12px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px #80C080)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(27deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [blur(5px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [initial\] to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(25deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (1.5) should be [hue-rotate(25deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (0) should be [hue-rotate(30deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(16deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate(180deg)\] to [none\] at (-0.5) should be [hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [initial\] to [sepia(1)\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from neutral to [hue-rotate(20deg)\] at (-0.5) should be [hue-rotate(5deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [inherit\] to [hue-rotate(20deg)\] at (1) should be [hue-rotate(20deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0.6) should be [hue-rotate(12deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [unset\] to [hue-rotate(20deg)\] at (0.3) should be [hue-rotate(6deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate(80deg) blur(6mm)\] to [hue-rotate(100grad) blur(1cm)\] at (0) should be [hue-rotate(80deg) blur(6mm)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)\] to [drop-shadow(20px 10px green)\] at (1) should be [drop-shadow(20px 10px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (0.25) should be [hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [hue-rotate(180deg)\] at (-0.5) should be [hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+

new file mode 100644
--- /dev/null
+++ b/testing/web-platform/meta/css/filter-effects/animation/backdrop-filter-interpolation-002.html.ini
@@ -0,0 +1,273 @@
+[backdrop-filter-interpolation-002.html]
+  [Web Animations: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (1) should be [blur(10px) hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.25) should be [opacity(0.875) hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (-0.5) should be [blur(4px) hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (1.5) should be [opacity(0.25) hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (1) should be [opacity(0.5) hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (-0.5) should be [blur(4px) hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.5) should be [blur(8px) hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.5) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.25) should be [blur(7px) hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.5) should be [blur(8px) hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.3) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (-0.5) should be [opacity(1) hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (-0.5) should be [blur(4px) hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.5) should be [opacity(0.75) hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.6) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (1) should be [opacity(0.5) hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.5) should be [blur(8px) hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.25) should be [blur(7px) hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.5) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (1.5) should be [opacity(0.25) hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.6) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (-0.3) should be [grayscale(0) blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.25) should be [opacity(0.875) hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0) should be [grayscale(0) blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (1.5) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (-0.5) should be [blur(4px) hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.25) should be [blur(7px) hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (1) should be [opacity(0.5) hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (-0.3) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.3) should be [grayscale(0) blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (1.5) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (-0.3) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (1.5) should be [blur(12px) hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.6) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (1) should be [opacity(0.5) hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.5) should be [opacity(0.75) hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.5) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.25) should be [opacity(0.875) hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (1.5) should be [opacity(0.25) hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (1.5) should be [blur(12px) hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (1.5) should be [blur(12px) hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.3) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (-0.5) should be [opacity(1) hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (1.5) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0) should be [grayscale(0) blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.25) should be [blur(7px) hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (-0.3) should be [grayscale(0) blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.5) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (1.5) should be [blur(12px) hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.5) should be [opacity(0.75) hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (-0.5) should be [opacity(1) hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (1) should be [blur(10px) hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (-0.5) should be [opacity(1) hue-rotate(-90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.3) should be [grayscale(0) blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (1) should be [blur(10px) hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (1.5) should be [opacity(0.25) hue-rotate(270deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.5) should be [opacity(0.75) hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (1) should be [blur(10px) hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (0.6) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [opacity(0.5) hue-rotate(180deg)\] at (0.25) should be [opacity(0.875) hue-rotate(45deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [blur(6px)\] to [blur(10px) hue-rotate(180deg)\] at (0.5) should be [blur(8px) hue-rotate(90deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0) blur(0px)\] to [blur(10px)\] at (1.5) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+

new file mode 100644
--- /dev/null
+++ b/testing/web-platform/meta/css/filter-effects/animation/backdrop-filter-interpolation-003.html.ini
@@ -0,0 +1,753 @@
+[backdrop-filter-interpolation-003.html]
+  [CSS Animations: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (1.5) should be [hue-rotate(540deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [opacity(0)\] to [none\] at (-1) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [grayscale(1)\] at (1) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [sepia(1)\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [contrast(0)\] to [none\] at (1.5) should be [contrast(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [grayscale(1)\] at (-1) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [blur(10px)\] at (-1) should be [blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [saturate(0)\] to [none\] at (0) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.6) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (1.5) should be [hue-rotate(540deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [saturate(0)\] to [none\] at (0.5) should be [saturate(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [brightness(0)\] to [none\] at (1.5) should be [brightness(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [invert(1)\] at (0.5) should be [invert(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [brightness(0)\] to [none\] at (0.5) should be [brightness(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [saturate(0)\] to [none\] at (0.5) should be [saturate(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [blur(10px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.3) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [invert(1)\] at (0.5) should be [invert(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [sepia(1)\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [blur(10px)\] at (1.5) should be [blur(15px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [opacity(0)\] to [none\] at (0.5) should be [opacity(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [saturate(0)\] to [none\] at (0.5) should be [saturate(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (1.5) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [brightness(0)\] to [none\] at (0.5) should be [brightness(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [invert(1)\] at (-1) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [brightness(0)\] to [none\] at (0) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (-0.3) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [invert(1)\] at (1.5) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (1) should be [drop-shadow(20px 10px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [brightness(0)\] to [none\] at (-1) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [saturate(0)\] to [none\] at (1.5) should be [saturate(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [grayscale(1)\] at (1) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [sepia(1)\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [blur(10px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [brightness(0)\] to [none\] at (-1) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [opacity(0)\] to [none\] at (0) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [sepia(1)\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (1.5) should be [drop-shadow(30px 15px #00C000)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px transparent)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [saturate(0)\] to [none\] at (0) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [invert(1)\] at (1) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [opacity(0)\] to [none\] at (0.5) should be [opacity(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (1.5) should be [drop-shadow(30px 15px #00C000)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [grayscale(1)\] at (0.5) should be [grayscale(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [sepia(1)\] at (1) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [opacity(0)\] to [none\] at (-1) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px transparent)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (1) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (1) should be [drop-shadow(20px 10px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.6) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [opacity(0)\] to [none\] at (0.5) should be [opacity(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [grayscale(1)\] at (1.5) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [contrast(0)\] to [none\] at (0) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (-0.3) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [opacity(0)\] to [none\] at (0.5) should be [opacity(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [contrast(0)\] to [none\] at (0.5) should be [contrast(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [brightness(0)\] to [none\] at (0.5) should be [brightness(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [blur(10px)\] at (-1) should be [blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [saturate(0)\] to [none\] at (1.5) should be [saturate(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [grayscale(1)\] at (-1) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [sepia(1)\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [sepia(1)\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [contrast(0)\] to [none\] at (-1) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [blur(10px)\] at (-1) should be [blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.5) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [blur(10px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (1.5) should be [hue-rotate(540deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [contrast(0)\] to [none\] at (0.5) should be [contrast(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.6) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.3) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [sepia(1)\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [grayscale(1)\] at (-1) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [invert(1)\] at (0.5) should be [invert(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [invert(1)\] at (1) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [blur(10px)\] at (1.5) should be [blur(15px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [grayscale(1)\] at (1) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [sepia(1)\] at (1) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [invert(1)\] at (-1) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [opacity(0)\] to [none\] at (1.5) should be [opacity(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (1) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [contrast(0)\] to [none\] at (-1) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [blur(10px)\] at (1.5) should be [blur(15px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [brightness(0)\] to [none\] at (1.5) should be [brightness(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [blur(10px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [contrast(0)\] to [none\] at (1.5) should be [contrast(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (1) should be [hue-rotate(360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.3) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [opacity(0)\] to [none\] at (0) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [brightness(0)\] to [none\] at (0.5) should be [brightness(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (1.5) should be [drop-shadow(30px 15px #00C000)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px transparent)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [opacity(0)\] to [none\] at (-1) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [brightness(0)\] to [none\] at (1.5) should be [brightness(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [invert(1)\] at (1) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.5) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [contrast(0)\] to [none\] at (1.5) should be [contrast(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [opacity(0)\] to [none\] at (1.5) should be [opacity(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [sepia(1)\] at (1) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [sepia(1)\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [grayscale(1)\] at (0.5) should be [grayscale(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [brightness(0)\] to [none\] at (0) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (1) should be [drop-shadow(20px 10px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [contrast(0)\] to [none\] at (0.5) should be [contrast(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (1) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [grayscale(1)\] at (0.5) should be [grayscale(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [invert(1)\] at (1) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [contrast(0)\] to [none\] at (1.5) should be [contrast(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [saturate(0)\] to [none\] at (-1) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [brightness(0)\] to [none\] at (1.5) should be [brightness(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (-0.3) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [grayscale(1)\] at (-1) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (-0.3) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.5) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.6) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (1.5) should be [hue-rotate(540deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [invert(1)\] at (1.5) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (1) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [saturate(0)\] to [none\] at (1.5) should be [saturate(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [contrast(0)\] to [none\] at (0) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.5) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [saturate(0)\] to [none\] at (-1) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (-1) should be [drop-shadow(-20px -10px transparent)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [grayscale(1)\] at (1.5) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [sepia(1)\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [brightness(0)\] to [none\] at (-1) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [invert(1)\] at (-1) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [saturate(0)\] to [none\] at (-1) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (1.5) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [brightness(0)\] to [none\] at (0) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (1) should be [hue-rotate(360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (1) should be [hue-rotate(360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [contrast(0)\] to [none\] at (-1) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [brightness(0)\] to [none\] at (-1) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [grayscale(1)\] at (1.5) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (1) should be [drop-shadow(20px 10px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [opacity(0)\] to [none\] at (1.5) should be [opacity(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (1.5) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [saturate(0)\] to [none\] at (0) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [grayscale(1)\] at (0.5) should be [grayscale(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [sepia(1)\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [saturate(0)\] to [none\] at (0.5) should be [saturate(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [blur(10px)\] at (1.5) should be [blur(15px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [sepia(1)\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [saturate(0)\] to [none\] at (0) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (0.3) should be [url("#svgfilter")\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [invert(1)\] at (1.5) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [none\] to [invert(1)\] at (1.5) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [saturate(0)\] to [none\] at (1.5) should be [saturate(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [invert(1)\] at (-1) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (1.5) should be [drop-shadow(30px 15px #00C000)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [opacity(0)\] to [none\] at (0) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [contrast(0)\] to [none\] at (0) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [blur(10px)\] at (-1) should be [blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [drop-shadow(20px 10px green)\] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [opacity(0)\] to [none\] at (0) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (1) should be [hue-rotate(360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [none\] to [sepia(1)\] at (1) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [opacity(0)\] to [none\] at (-1) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [grayscale(1)\] at (1.5) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [none\] to [grayscale(1)\] at (1) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [contrast(0)\] to [none\] at (0.5) should be [contrast(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [contrast(0)\] to [none\] at (-1) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [saturate(0)\] to [none\] at (-1) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [contrast(0)\] to [none\] at (0) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [invert(1)\] at (0.5) should be [invert(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [opacity(0)\] to [none\] at (1.5) should be [opacity(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [sepia(1)\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [url("#svgfilter")\] to [none\] at (1.5) should be [none\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [none\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [brightness(0)\] to [none\] at (0) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+

new file mode 100644
--- /dev/null
+++ b/testing/web-platform/meta/css/filter-effects/animation/backdrop-filter-interpolation-004.html.ini
@@ -0,0 +1,801 @@
+[backdrop-filter-interpolation-004.html]
+  [Web Animations: property <backdrop-filter> from [invert(0)\] to [invert()\] at (0.5) should be [invert(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (1.5) should be [saturate(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (1.5) should be [brightness(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (1.5) should be [opacity(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (0) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (0.5) should be [grayscale(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [invert(0)\] to [invert()\] at (1.5) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (0.5) should be [saturate(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [invert(0)\] to [invert()\] at (1) should be [invert()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (1) should be [grayscale()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (1.5) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (0.5) should be [saturate(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (-1) should be [blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (0.5) should be [grayscale(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (0) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (0) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (0) should be [drop-shadow(0px 0px blue)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (1.5) should be [blur(15px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (1) should be [drop-shadow(20px 10px 30px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (0) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (1) should be [opacity()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (0) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (1.5) should be [contrast(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (1) should be [grayscale()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (-1) should be [drop-shadow(-20px -10px blue)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (-1) should be [blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [invert(0)\] to [invert()\] at (1.5) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [invert(0)\] to [invert()\] at (-1) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (0) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (1) should be [contrast()\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (0.5) should be [brightness(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (1.5) should be [hue-rotate(540deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (0) should be [drop-shadow(0px 0px blue)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (1.5) should be [blur(15px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (0) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (-1) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (-1) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (1.5) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (1) should be [contrast()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (0) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (1) should be [brightness()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (-1) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (1) should be [hue-rotate(360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [invert(0)\] to [invert()\] at (0) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (-1) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (1) should be [hue-rotate(360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (0) should be [hue-rotate()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (-1) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (0) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (0.5) should be [opacity(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (-1) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [invert(0)\] to [invert()\] at (-1) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (1.5) should be [contrast(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (1) should be [saturate()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [invert(0)\] to [invert()\] at (1) should be [invert()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (-1) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (-1) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (0.5) should be [opacity(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [invert(0)\] to [invert()\] at (1) should be [invert()\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (1) should be [drop-shadow(20px 10px 30px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (0) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (1) should be [saturate()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (1) should be [opacity()\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (0) should be [drop-shadow(0px 0px blue)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (1.5) should be [hue-rotate(540deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (0.5) should be [saturate(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (0) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [invert(0)\] to [invert()\] at (0) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [invert(0)\] to [invert()\] at (1.5) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (-1) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (-1) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [invert(0)\] to [invert()\] at (1) should be [invert()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (0.5) should be [contrast(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (1) should be [drop-shadow(20px 10px 30px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (0) should be [hue-rotate()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (-1) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (-1) should be [hue-rotate(-360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (0.5) should be [brightness(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (-1) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (0) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (1) should be [drop-shadow(20px 10px 30px green)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (1) should be [saturate()\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (1.5) should be [contrast(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (0) should be [drop-shadow(0px 0px blue)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (0) should be [blur()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (1) should be [hue-rotate(360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (-1) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [invert(0)\] to [invert()\] at (0) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (0) should be [hue-rotate()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (0.5) should be [contrast(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (-1) should be [drop-shadow(-20px -10px blue)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (1) should be [grayscale()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (-1) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (-1) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (1.5) should be [saturate(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (1.5) should be [hue-rotate(540deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [invert(0)\] to [invert()\] at (0.5) should be [invert(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (1.5) should be [brightness(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (1.5) should be [saturate(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (1.5) should be [opacity(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (1.5) should be [brightness(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [invert(0)\] to [invert()\] at (0.5) should be [invert(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (0) should be [blur()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (-1) should be [drop-shadow(-20px -10px blue)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (-1) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (0) should be [hue-rotate()\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (-1) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (1) should be [brightness()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (1.5) should be [hue-rotate(540deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (0.5) should be [opacity(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (1) should be [brightness()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (0.5) should be [brightness(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (0) should be [blur()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (1) should be [brightness()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (0.5) should be [brightness(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (0) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (1) should be [sepia()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (1) should be [blur(10px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (0) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (1) should be [grayscale()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (1) should be [sepia()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (1.5) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (0) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (0) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [invert(0)\] to [invert()\] at (1.5) should be [invert(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (1) should be [sepia()\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (1) should be [contrast()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (0) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (0) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (0.5) should be [grayscale(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (0.5) should be [contrast(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (0.5) should be [saturate(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (1.5) should be [sepia(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (-1) should be [blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (1.5) should be [opacity(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (0) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [invert(0)\] to [invert()\] at (0) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (0.5) should be [opacity(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (0) should be [grayscale(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (0) should be [brightness(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (-1) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (1) should be [contrast()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (1) should be [sepia()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [invert(0)\] to [invert()\] at (-1) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (0.5) should be [hue-rotate(180deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (0.5) should be [blur(5px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (-1) should be [sepia(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (1.5) should be [blur(15px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (0) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (0.5) should be [contrast(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (1.5) should be [opacity(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (1.5) should be [blur(15px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (-1) should be [saturate(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [invert(0)\] to [invert()\] at (-1) should be [invert(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (0) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (1.5) should be [saturate(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [hue-rotate()\] to [hue-rotate(360deg)\] at (1) should be [hue-rotate(360deg)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (1) should be [opacity()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [saturate(0)\] to [saturate()\] at (1) should be [saturate()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [invert(0)\] to [invert()\] at (0.5) should be [invert(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (-1) should be [drop-shadow(-20px -10px blue)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [brightness(0)\] to [brightness()\] at (1.5) should be [brightness(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions with transition: all: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (1.5) should be [grayscale(1)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [sepia(0)\] to [sepia()\] at (0.5) should be [sepia(0.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (0) should be [blur()\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (1) should be [opacity()\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (0) should be [contrast(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Animations: property <backdrop-filter> from [contrast(0)\] to [contrast()\] at (1.5) should be [contrast(1.5)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [opacity(0)\] to [opacity()\] at (-1) should be [opacity(0)\]]
+    expected:
+      if not webrender: FAIL
+
+  [Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)\] to [drop-shadow(20px 10px 30px green)\] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [blur()\] to [blur(10px)\] at (-1) should be [blur(0px)\]]
+    expected:
+      if not webrender: FAIL
+
+  [CSS Transitions: property <backdrop-filter> from [grayscale(0)\] to [grayscale()\] at (0.5) should be [grayscale(0.5)\]]
+    expected:
+      if not webrender: FAIL
+

new file mode 100644
--- /dev/null
+++ b/testing/web-platform/meta/css/filter-effects/backdrop-filter-containing-block.html.ini
@@ -0,0 +1,3 @@
+[backdrop-filter-containing-block.html]
+  expected:
+    if not webrender: FAIL

new file mode 100644
--- /dev/null
+++ b/testing/web-platform/meta/css/filter-effects/inheritance.html.ini
@@ -0,0 +1,9 @@
+[inheritance.html]
+  [Property backdrop-filter does not inherit]
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter has initial value none]
+    expected:
+      if not webrender: FAIL
+

new file mode 100644
--- /dev/null
+++ b/testing/web-platform/meta/css/filter-effects/parsing/backdrop-filter-computed.html.ini
@@ -0,0 +1,113 @@
+[backdrop-filter-computed.html]
+  [Property backdrop-filter value 'invert()']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'sepia()']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'opacity(100%)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'sepia(0)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'sepia(100%)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'brightness(0)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'grayscale(50%)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'opacity(0)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'drop-shadow(1px 2px)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'hue-rotate()']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'invert(0)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'contrast()']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'opacity()']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'blur(100px)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'saturate()']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'contrast(0)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'hue-rotate(90deg)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'saturate(300%)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'blur(10px) url("https://www.example.com/picture.svg#f") contrast(20) brightness(30)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'brightness(300%)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'drop-shadow(rgb(4, 5, 6) 1px 2px 0px)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'invert(100%)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'saturate(0)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'contrast(300%)']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'blur()']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'none']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'grayscale()']
+    expected:
+      if not webrender: FAIL
+
+  [Property backdrop-filter value 'brightness()']
+    expected:
+      if not webrender: FAIL
+

new file mode 100644
--- /dev/null
+++ b/testing/web-platform/meta/css/filter-effects/parsing/backdrop-filter-parsing-valid.html.ini
@@ -0,0 +1,149 @@
+[backdrop-filter-parsing-valid.html]
+  [e.style['backdrop-filter'\] = "sepia()" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "hue-rotate(0)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "brightness(300%)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "grayscale()" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "saturate()" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "invert(300%)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "opacity(300%)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "sepia(300%)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "url(\\"picture.svg#f\\")" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "opacity()" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "opacity(0)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "none" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "drop-shadow(0 0 0)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "blur()" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "contrast(300%)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "blur(0)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "invert(0)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "brightness(0)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "drop-shadow(1px 2px 3px)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "hue-rotate(90deg)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "drop-shadow(rgba(4, 5, 6, 0.75) 1px 2px 3px)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "drop-shadow(1px 2px rgb(4, 5, 6))" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "sepia(0)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "grayscale(300%)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "drop-shadow(rgb(4, 5, 6) 1px 2px)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "blur(10px) url(\\"picture.svg#f\\") contrast(20) brightness(30)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "drop-shadow(1px 2px)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "url(\\"https://www.example.com/picture.svg#f\\")" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "saturate(0)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "grayscale(0)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "saturate(300%)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "invert()" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "brightness()" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "contrast()" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "hue-rotate()" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "contrast(0)" should set the property value]
+    expected:
+      if not webrender: FAIL
+
+  [e.style['backdrop-filter'\] = "blur(100px)" should set the property value]
+    expected:
+      if not webrender: FAIL
+