| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>CSS Test: Blended element with masking.</title> | |
| <link rel="author" title="Mihai Tica" href="mailto:mitica@adobe.com"> | |
| </head> | |
| <style type="text/css"> | |
| div { | |
| width: 100px; | |
| height: 100px; | |
| } | |
| </style> | |
| <body> | |
| <p>Test passes if you can see a green circle. <br> | |
| The test fails if the circle is drawn with red. </p> | |
| <div style="background: #FF0;"><div style="background: #0F0; mask-image: url('../support/red_circle.svg');"></div></div> | |
| </body> | |
| </html> |