layout/reftests/css-blending/mix-blend-mode-transformed-ref.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
26

<!DOCTYPE HTML>
<head>
  <style>
    .outer {
       transform: scale(0.5) translate(200px, 200px);
    }
    .parent {
       width: 200px;
       height: 200px;
       isolation: isolate;
    }
    .child {
      width: 200px;
      height: 200px;
      background: #7775b6;
    }
  </style>
</head>
<body>
 <div class="outer">
  <div class="parent">
   <div class="child">
   </div>
  </div>
 </div>
</body>