Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!--
Any copyright is dedicated to the Public Domain.
-->
<body style="margin:0">
<div style="clip-path: url(#c1); width:400px; height:400px; background:blue; transform: translate(100px, 100px);">
<div style="height:200px;"/>
<div style="height:200px; background:lime;"/>
</div>
<svg:svg height="0">
<svg:clipPath id="c1" clipPathUnits="userSpaceOnuse">
<svg:circle cx="200" cy="200" r="200"/>
</svg:clipPath>
</svg:svg>
</body>
</html>