1412375.html (490B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Masks need to cause grouping / intermediate surfaces</title> 4 <style> 5 6 .outer { 7 /* should give similar results to opacity: 0.5 */ 8 mask: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)); 9 } 10 11 .box { 12 width: 100px; 13 height: 100px; 14 } 15 16 .one { 17 background: green; 18 } 19 20 .another { 21 background: blue; 22 margin-top: -50px; 23 margin-left: 50px; 24 } 25 26 </style> 27 28 <div class="outer"> 29 <div class="one box"></div> 30 <div class="another box"></div> 31 </div>