mix-blend-mode-video-sibling-notref.html (946B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Test: mix-blend-mode blending between a video element and an overlapping sibling</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 <style type="text/css"> 9 div { 10 margin-top: -361px; 11 background-color: #FF0; 12 width: 300px; 13 height: 350px; 14 color: #F00; 15 } 16 </style> 17 </head> 18 <body> 19 <p>Test passes if you can see text and a circle moving from the top to the bottom of the page,<br> 20 both drawn with green, over a blue background.</p> 21 <video autoplay> 22 <source src="../support/red_circle.mp4" type="video/mp4"> 23 </video> 24 <div>Some text inside the div.</div> 25 </body> 26 </html>