mix-blend-mode-child-of-blended-has-opacity-ref.html 839 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  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>