mix-blend-mode-root-element-group-ref.html (926B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Reftest Reference</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 <style type="text/css"> 8 div { 9 width: 200px; 10 height: 200px; 11 } 12 .green { 13 background: rgba(0,160,0,0.5); 14 mix-blend-mode: soft-light; 15 } 16 .blue { 17 position: absolute; 18 top: 75px; 19 left: 75px; 20 background: rgba(0,0,160,0.5) 21 } 22 .wrapper { 23 isolation: isolate; 24 } 25 </style> 26 </head> 27 <body> 28 <div class="wrapper"> 29 <div class="blue"></div> 30 <div class="green"></div> 31 </div> 32 </body> 33 </html>