Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<style>
body {
margin: 0;
}
svg {
position: absolute;
top: 0;
left: 0;
width: 230px;
height: 240px;
overflow: visible;
}
.shadow {
fill: purple;
stroke: purple;
stroke-width: 20px;
transform: translate(10px, 20px);
}
.border {
fill: green;
stroke: black;
stroke-width: 10px;
}
</style>
<rect x="0" y="0" width="220" height="220" class="shadow" />
<rect x="5" y="5" width="210" height="210" class="border" />
</svg>