| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>CSS Test: mix-blend-mode for a simple SVG element - rectangle</title> |
| <link rel="author" title="Mirela Budăeș" href="mailto:mbudaes@adobe.com"> |
| <link rel="reviewer" title="Mihai Balan" href="mailto:mibalan@adobe.com"> |
| <link rel="reviewer" title="Rik Cabanier" href="mailto:cabanier@adobe.com"> |
| <link rel="help" href="https://drafts.fxtf.org/compositing-1/#csscompositingrules_SVG"> |
| <link rel="help" href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode"> |
| <meta name="flags" content="svg"> |
| <link rel="match" href="reference/mix-blend-mode-svg-rectangle-ref.html"> |
| </head> |
| <body> |
| <!-- The white background is to prevent alpha-blending differences in Chrome |
| for the antialiased pixels of the text. --> |
| <p style="background: white">There should be no red rectangle on the screen. <br> |
| Test passes if you see a black rectangle.</p> |
| <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px" > |
| <rect x="0" y="0" width="100" height="100" fill="aqua"/> |
| <rect x="0" y="0" width="100" height="100" fill="red" style="mix-blend-mode: multiply"/> |
| </svg> |
| </body> |
| </html> |