Sign in
chromium
/
chromium
/
src
/
5a226fb2daed587c594a508fa9bf4c4df0a8e01b
/
.
/
third_party
/
blink
/
web_tests
/
svg
/
clip-path
/
clip-path-prefixed-vs-not.html
blob: d6cdf7c362194ddc2c424f0833d66752247cab9e [
file
] [
log
] [
blame
]
<!DOCTYPE html>
<style>
#
r
{
-webkit-clip-path
:
circle
(
50%
);
clip-path
:
url
(
#c
);
}
</style>
<svg
width
=
"200"
height
=
"200"
>
<clipPath
id
=
"c"
>
<rect
width
=
"100"
height
=
"100"
/>
</clipPath>
<rect
id
=
"r"
width
=
"200"
height
=
"200"
fill
=
"green"
/>
</svg>