Source code

Revision control

Copy as Markdown

Other Tools

<!--
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: rotate(135deg);">
<div style="height:200px;"/>
<div style="height:200px; background:lime;"/>
</div>
<svg:svg height="0">
<svg:clipPath id="c1" clipPathUnits="userSpaceOnuse">
<svg:rect x="0" y="0" width="300" height="300"/>
</svg:clipPath>
</svg:svg>
</body>
</html>