Bug 1635584 - Update BackdropFilter Test Expectations r=emilio
☠☠ backed out by 447472273028 ☠ ☠
authorErik Nordin <nordzilla@mozilla.com>
Thu, 07 May 2020 20:37:33 +0000
changeset 528690 059ed60f23bfdf7d80cfd2769812b4a864eaa680
parent 528689 876b8f443cca7bf6a41d2570f3bfce3d5ad0447a
child 528691 16e24bb092f6f51aa46c8493fac159ff2c4ae6a9
push id37393
push userrmaries@mozilla.com
push dateFri, 08 May 2020 03:38:07 +0000
treeherdermozilla-central@ead8f0367372 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersemilio
bugs1635584
milestone78.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1635584 - Update BackdropFilter Test Expectations r=emilio - Add IsWebRenderEnabled() method to property_database.js - Check for WebRender in addition to backdrop-filter pref - Update relevant WPT cases to expect fail if not webrender Differential Revision: https://phabricator.services.mozilla.com/D74162
layout/style/test/property_database.js
layout/style/test/test_property_database.html
layout/style/test/test_transitions_per_property.html
testing/web-platform/meta/css/filter-effects/animation/backdrop-filter-interpolation-001.html.ini
testing/web-platform/meta/css/filter-effects/animation/backdrop-filter-interpolation-002.html.ini
testing/web-platform/meta/css/filter-effects/animation/backdrop-filter-interpolation-003.html.ini
testing/web-platform/meta/css/filter-effects/animation/backdrop-filter-interpolation-004.html.ini
testing/web-platform/meta/css/filter-effects/backdrop-filter-containing-block.html.ini
testing/web-platform/meta/css/filter-effects/inheritance.html.ini
testing/web-platform/meta/css/filter-effects/parsing/backdrop-filter-computed.html.ini
testing/web-platform/meta/css/filter-effects/parsing/backdrop-filter-parsing-valid.html.ini
--- 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
+