summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/filter-effects/backdrop-filter-backdrop-root-mix-blend-mode.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/filter-effects/backdrop-filter-backdrop-root-mix-blend-mode.html')
-rw-r--r--testing/web-platform/tests/css/filter-effects/backdrop-filter-backdrop-root-mix-blend-mode.html19
1 files changed, 19 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/filter-effects/backdrop-filter-backdrop-root-mix-blend-mode.html b/testing/web-platform/tests/css/filter-effects/backdrop-filter-backdrop-root-mix-blend-mode.html
new file mode 100644
index 0000000000..2d77b61b84
--- /dev/null
+++ b/testing/web-platform/tests/css/filter-effects/backdrop-filter-backdrop-root-mix-blend-mode.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>backdrop-filter: The backdrop root concept</title>
+<link rel="author" href="mailto:masonf@chromium.org">
+<link rel="help" href="https://drafts.fxtf.org/filter-effects-2/#BackdropRoot">
+<link rel=stylesheet href="resources/backdrop-filter-backdrop-root.css">
+<link rel="match" href="backdrop-filter-backdrop-root-ref.html">
+
+<!-- A Backdrop Root is formed, anywhere in the document, by:
+ - An element with a mix-blend-mode value other than "normal".
+ - An element with a will-change value specifying any property that would create a Backdrop Root on non-initial value. -->
+<div class=container>
+ <div class=testcase>
+ <div style="mix-blend-mode:darken;"><div></div></div>
+ </div>
+ <div class=testcase>
+ <div style="will-change:mix-blend-mode;"><div></div></div>
+ </div>
+</div>