| <!DOCTYPE HTML> |
| <html> |
| <body> |
| <!-- Test mix-blend-mode on a group consisting of overlapping elements. |
| The two rects should blend as a whole with the yellow background. |
| Test passes if the two rectangles are drawn with green, and their intersection is not blended.--> |
| <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> |
