mix-blend-mode-parent-with-text-ref.html (1021B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Reftest Reference</title> 6 <link rel="author" title="Mirela Budăeș" href="mailto:mbudaes@adobe.com"> 7 <link rel="author" title="Mihai Tica" href="mailto:mitica@adobe.com"> 8 <link rel="reviewer" title="Mihai Balan" href="mailto:mibalan@adobe.com"> 9 <link rel="reviewer" title="Horia Olaru" href="mailto:olaru@adobe.com"> 10 <style type="text/css"> 11 .container { 12 background: #FF0; 13 width: 100px; 14 height: 100px; 15 } 16 .text { 17 color: #0F0; 18 } 19 body { 20 background: lightgray; 21 } 22 </style> 23 </head> 24 <body> 25 <p>Test passes if a yellow square with green text is drawn over a lightgray background.</p> 26 <div class="container"> 27 <div class="text">Red text that becomes green after blending</div> 28 </div> 29 </body> 30 </html>