Chromium Code Reviews| 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> |