layout/reftests/css-blending/mix-blend-mode-soft-light.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<!DOCTYPE HTML>
<head>
  <style>
    .parent {
       width: 200px;
       height: 200px;
       isolation: isolate;
       background: #5856a2;
    }
    .child {
      width: 200px;
      height: 200px;
      mix-blend-mode: soft-light;
      opacity: 0.5;
      background: white;
      will-change: opacity;
    }
  </style>
</head>
<body>
 <div class="parent">
  <div class="child">
  </div>
 </div>
</body>