chromium/src/third_party/blink/web_tests/external/wpt/css/css-masking/clip-path/clip-path-filter-order-ref.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <meta charset="utf-8">
 <title>Clip-path should be applied after filtering</title>
 <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org">

 <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>
	<!DOCTYPE html>
	<meta charset="utf-8">
	<title>Clip-path should be applied after filtering</title>
	<link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org">

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