third_party/WebKit/LayoutTests/css3/blending/isolation-isolate-blended-child-expected.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <style>
   5     div {
   6         margin: 20px;
   7         width: 130px;
   8         height: 130px;
   9     }
  10
  11     .parent {
  12         background: rgb(55, 55, 55);
  13         position: fixed;
  14         width: 300px;
  15         height: 300px;
  16     }
  17
  18     .isolator {
  19         position: fixed;
  20         z-index: 0;
  21         background: violet;
  22     }
  23
  24     .child {
  25         margin-top: 0px;
  26         mix-blend-mode: multiply;
  27         background: olive;
  28     }
  29
  30 </style>
  31 <body>
  32     <div class="parent"><div class="isolator"><div class="child"></div></div></div>
  33 </body>
  34 </html>