blob: 202636dded60dc011f7552bc66b43532a26f2d33 [file] [log] [blame]
<!doctype html>
<html>
<head>
<title>
This test verifies that a software layer will be promoted to a composited layer
if its drop shadow intersects a composited layer's drop shadow.
</title>
<!-- If the test passes, the light green drop shadow should appear over the the gray drop shadow where they intersect. -->
<style>
#software {
background-color: green;
-webkit-filter: drop-shadow(25px 25px 0 lightgreen);
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
}
#composited {
background-color: black;
-webkit-filter: drop-shadow(-25px -25px 0 gray);
position: absolute;
top: 130px;
left: 130px;
width: 100px;
height: 100px;
-webkit-transform: translate3d(0, 0, 0);
}
</style>
</head>
<body>
<div id="composited"></div>
<div id="software"></div>
<pre id="console"></pre>
<script>
if (window.testRunner) {
testRunner.dumpAsText();
document.getElementById("console").appendChild(document.createTextNode(window.internals.layerTreeAsText(document)));
}
</script>
</body>
</html>