<!DOCTYPE HTML>

<link rel="stylesheet" href="resources/blending-style.css">
<style>
    .child {
        width: 400px;
        height: 50px;
    }
</style>

<p>Test if blending works when the blending layer is clipped by one accelerated layer and by one software layer.<br />
Test passes if you see a green rectangle.</p>
<div class="isolating accelerated clipping lime box">
    <div class="clipping box" style="position: relative; left: 10px; right: 10px;">
        <div class="accelerated black child difference"></div>
        <div class="accelerated lime child"></div>
    </div>
</div>