mix-blend-mode-root-element-group.html (1047B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test: mix-blend-mode in the Root Element Group should have a transparent backdrop</title> 5 <link rel="author" title="Matt Woodrow" href="mailto:mattwoodrow@apple.com"> 6 <link rel="help" href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode"> 7 <meta name="assert" content="Test checks that the Root Element Group has a transparent backdrop"> 8 <link rel="match" href="mix-blend-mode-root-element-group-ref.html"> 9 <style type="text/css"> 10 div { 11 width: 200px; 12 height: 200px; 13 } 14 .green { 15 background: rgba(0,160,0,0.5); 16 mix-blend-mode: soft-light; 17 } 18 .blue { 19 position: absolute; 20 top: 75px; 21 left: 75px; 22 background: rgba(0,0,160,0.5) 23 } 24 </style> 25 </head> 26 <body> 27 <div class="blue"></div> 28 <div class="green"></div> 29 </body> 30 </html>