blob: d21c8795f832f397fcdcae366aa7291cb3f1ef3c [file] [log] [blame]
<!doctype html>
This test verifies that a software layer will be promoted to a composited layer
if it intersects a composited layer's drop shadow.
<!-- If the test passes, the light green drop shadow should appear over the the black div where they intersect. -->
#software {
background-color: green;
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: 105px;
left: 105px;
width: 100px;
height: 100px;
-webkit-transform: translate3d(0, 0, 0);
<div id="composited"></div>
<div id="software"></div>
<pre id="console"></pre>
if (window.testRunner) {