| <!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> |
