summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/compositing/mix-blend-mode/mix-blend-mode-rotated-clip.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/compositing/mix-blend-mode/mix-blend-mode-rotated-clip.html')
-rw-r--r--testing/web-platform/tests/css/compositing/mix-blend-mode/mix-blend-mode-rotated-clip.html13
1 files changed, 13 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/compositing/mix-blend-mode/mix-blend-mode-rotated-clip.html b/testing/web-platform/tests/css/compositing/mix-blend-mode/mix-blend-mode-rotated-clip.html
new file mode 100644
index 0000000000..63db5cbbe1
--- /dev/null
+++ b/testing/web-platform/tests/css/compositing/mix-blend-mode/mix-blend-mode-rotated-clip.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>mix-blend-mode under rotated clip</title>
+<link rel="help" href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode">
+<link rel="match" href="reference/mix-blend-mode-rotated-clip-ref.html">
+<meta name="fuzzy" content="0-1;0-30">
+<style>div { width: 100px; height: 100px; }</style>
+<div style="background: lime; overflow: hidden">
+ <div style="transform: rotate(45deg)">
+ <div style="background: lime; overflow: hidden">
+ <div style="background: red; transform: rotate(-45deg); mix-blend-mode: overlay; will-change: transform"></div>
+ </div>
+ </div>
+</div>