mix-blend-mode-image.html (1077B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test: Image element with mix-blend-mode.</title> 5 <link rel="author" title="Mihai Tica" href="mailto:mitica@adobe.com"> 6 <link rel="help" href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode"> 7 <meta name="assert" content="Test checks that mix-blend-mode is applied to an img element."> 8 <meta name="flags" content="image"> 9 <link rel="reviewer" title="Rik Cabanier" href="mailto:cabanier@adobe.com"> 10 <link rel="reviewer" title="Mirela Budaes" href="mailto:mbudaes@adobe.com"> 11 <link rel="mismatch" href="reference/mix-blend-mode-image-notref.html"> 12 <style type="text/css"> 13 div { 14 width: 100px; 15 height: 75px; 16 background: #FF0; 17 } 18 </style> 19 </head> 20 <body> 21 <p>Test passes if you can see a green rectangle.</p> 22 <div> 23 <img src="support/red.png" style="max-width:100%; max-height:100%; mix-blend-mode: difference;"> 24 </div> 25 </body> 26 </html>