Index: LayoutTests/css3/compositing/svg-blend-overlapping-elements.html |
diff --git a/LayoutTests/css3/compositing/svg-blend-overlapping-elements.html b/LayoutTests/css3/compositing/svg-blend-overlapping-elements.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..55ade84d4f0fae2da0a71091d3f295011e617823 |
--- /dev/null |
+++ b/LayoutTests/css3/compositing/svg-blend-overlapping-elements.html |
@@ -0,0 +1,15 @@ |
+<!DOCTYPE HTML> |
+<html> |
+ <body> |
+ <p>Test mix-blend-mode on a group consisting of overlapping elements. <br/> |
Stephen Chennney
2013/12/30 16:31:54
Could you change this to be a comment rather than
|
+ The two rects should blend as a whole with the yellow background. <br/> |
+ Test passes if the two rectangles are drawn with green, and their intersection is not blended. |
+ </p> |
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px" style="background: #FF0"> |
+ <g style="mix-blend-mode: difference;"> |
+ <rect x="25" y="25" width="100" height="100" style="fill: #F70;"/> |
+ <rect x="75" y="75" width="100" height="100" style="fill: #FA0;"/> |
+ </g> |
+ </svg> |
+ </body> |
+</html> |