testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-002.html
author Cosmin Sabou <csabou@mozilla.com>
Sat, 12 Jul 2025 09:18:08 +0300 (6 hours ago)
changeset 796290 5ad1f0c58c82bdfa2f42fed870bbe143465398d0
parent 422163 69de9513368b9da0c3f36d55d19bb4bf9a095959
permissions -rw-r--r--
Revert "Bug 1977019 - re-enable hw video decoding testing. r=media-playback-reviewers,jolin" for causing win mda failures on test_hw_video_decoding.html This reverts commit 158474bdc0cf585b701bc47921f0a7d84f7bb84d.
<!DOCTYPE html>
<html>
<head>
	<title>CSS Masking: Test clip-path property and polygon function with percentage values</title>
	<link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
	<link rel="match" href="reference/clip-path-rectangle-ref.html">
	<meta name="assert" content="The clip-path property takes the basic shape
	'polygon' for clipping. Test percentage values for arguments. Percentage
	values are relative to specified reference box. If no reference box was
	specified, percentage values are relative to border-box. A number of
	percentage values are specified as coordinates. On pass you should see a
	green square and no red.">
</head>
<body>
	<p>The test passes if there is a green box.</p>
	<div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; clip-path: polygon(20% 25%, 80% 25%, 80% 75%, 20% 75%)"></div>
</body>
</html>