Index: third_party/WebKit/LayoutTests/compositing/overflow/mask-with-filter.html |
diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/mask-with-filter.html b/third_party/WebKit/LayoutTests/compositing/overflow/mask-with-filter.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..de28fda443601fd5aa3669c6393b035c415d6c3e |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/compositing/overflow/mask-with-filter.html |
@@ -0,0 +1,31 @@ |
+<!DOCTYPE html> |
+<style> |
+#mask { |
+ width: 200px; |
+ height: 200px; |
+ overflow: hidden; |
+ border-radius: 10px; |
+ border: 4px solid red; |
+ background-color: grey; |
+ transform-style: preserve-3d; |
+} |
+ |
+.scale-seam { |
+ position: relative; |
+ left: 100px; |
+ transform-origin: 0 0; |
+ transform: scale(2, 1) rotateY(30deg) rotateX(30deg) rotateZ(30deg); |
+ display: inline-block; |
+} |
+ |
+.content { |
+ width: 500px; |
+ height: 500px; |
+ filter: blur(15px); |
+} |
+</style> |
+<div class="scale-seam"> |
+ <div id="mask"> |
+ <div class="content" style="left: 0;top: 0;background: black;"></div> |
+ </div> |
+</div> |