squash-with-ancestor-blending.html | Explore in Territory

<!DOCTYPE html>
<head>
<link rel="stylesheet" href="resources/squash-with-ancestor-property.css">
<style>
  #ancestor {
    background-blend-mode: difference, normal;
  }

  #composited-overlap-child {
    background-image: url(resources/blue.png);
  }
</style>
<script src="resources/squash-with-ancestor-property.js"></script>
</head>

<body>
</body>
<script>
generateDom();
</script>

chromium/third_party/blink/web_tests/compositing/squashing/squash-with-ancestor-blending.html