<!DOCTYPE html>
<meta charset="utf-8">
<title>Clip-path should be applied after filtering</title>
<link rel="author" title="Philip Rogers" href="mailto:[email protected]">
<div>
<p>Expected: A green box.<br>
There should be no red visible.<br>
There should be a crisp, clipped edge around the green box (no blurring).</p>
</div>
<style>
#testcase {
position: absolute;
width: 200px;
height: 200px;
background: green;
will-change: transform;
}
</style>
<div id="testcase"></div>