testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-003.html
author Cosmin Sabou <csabou@mozilla.com>
Sat, 12 Jul 2025 09:18:08 +0300 (6 hours ago)
changeset 796290 5ad1f0c58c82bdfa2f42fed870bbe143465398d0
parent 655521 0f55921b5e1bf308e2396b1c066e781fc98d2af5
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 circle function with percentage radius</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/#the-clip-path">
    <link rel="match" href="reference/clip-path-circle-ref.html">
    <meta name="fuzzy" content="0-38; 0-800">
    <meta name="assert" content="The clip-path property takes the basic shape
    'circle' for clipping. Test percentage value as argument for radius and no
    position arguments. The circle should be in the center of the element. On
    pass there should be a green circle.">
</head>
<body>
    <p>The test passes if there is a full green circle.</p>
    <div style="width: 200px; height: 200px; background-color: green; clip-path: circle(50%);"></div>
</body>
</html>