blob: db05abd58e59d732cfacfd113cce8e1f254e5b17 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<head>
<style>
div {
width: 10px;
height: 10px;
}
</style>
</head>
<body>
<!-- Mix-blend-mode should not create a composited layer -->
<div style="background-color: green">
<div style="background-color: blue; mix-blend-mode: multiply"></div>
</div>
<!-- Mix-blend-mode should create a composited layer when having composited descendants-->
<div style="background-color: green">
<div style="background-color: blue; mix-blend-mode: multiply">
<div style="background-color: yellow; transform: translatez(0);"></div>
</div>
</div>
<pre id="layers">Layer tree appears here in DRT.</pre>
<script type="text/javascript">
if (window.testRunner) {
testRunner.dumpAsText();
document.getElementById('layers').innerHTML = internals.layerTreeAsText(document);
}
</script>
</body>
</html>