Blitz - WPT: clip-path-url-reference-external.html

wpt / css / css-masking / clip-path / clip-path-url-reference-external.html

/css/css-masking/clip-path/clip-path-url-reference-external.html

<!DOCTYPE html>
<title>Referencing an &lt;clipPath> element in an external resource</title>
<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/green-circle-100x100.html">
<meta name="fuzzy" content="0-36; 0-384">
<div style="width: 100px; height: 100px; background-color: green;
            clip-path: url(support/resources.svg#circleClip)"></div>

/css/css-masking/clip-path/reference/green-circle-100x100.html

<!DOCTYPE html>
<div style="width: 100px; height: 100px; background-color: green; border-radius: 50px;"></div>