filter-with-opacity-and-children.html

<!DOCTYPE html>
<html>
<head>
    <style>
    .parent {
        position: relative;
        background-color: black;
        width: 100px;
        height: 100px;
        margin: 100px;
        opacity: 0.5;
        filter: drop-shadow(50px 50px 10px #0f0);
    }
    .child {
        position: absolute;
        top: 113px;
        left: 113px;
        width: 50px;
        height: 50px;
        background-color: red;
    }
    </style>
    <script>
        if (window.testRunner)
            testRunner.dumpAsText();
    </script>
</head>
<body>
    <p>This test should not assert or crash.</p>
    <div class="parent">
        <div class="child"></div>
    </div>
    <div class="parent">
        <div class="child"></div>
    </div>
</body>

chromium/third_party/blink/web_tests/css3/filters/filter-with-opacity-and-children.html