mix-blend-mode-child-of-blended-has-opacity-ref.html (839B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="Mirela Budăeș" href="mailto:mbudaes@adobe.com"> 6 <style> 7 .parent { 8 opacity: 0.9; 9 background: yellow;/*rgb(255,255,0);*/ 10 margin: 30px; 11 width: 120px; 12 height: 120px; 13 display: inline-block; 14 } 15 .blended { 16 width: 100px; 17 height: 100px; 18 background: aqua;/*rgb(0,255,255);*/ 19 display: inline-block; 20 margin-top: 10px; 21 margin-left: 10px; 22 } 23 .childBlended { 24 background: lime;/*rgb(0,255,0);*/ 25 width: 80px; 26 height: 80px; 27 margin-top: 10px; 28 margin-left: 10px; 29 opacity: 0.99; 30 } 31 </style> 32 </head> 33 <body> 34 <div class="parent"> 35 <div class="blended"> 36 <div class="childBlended"></div> 37 </div> 38 </div> 39 </body> 40 </html>