Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<style>
body {
margin: 0;
}
svg {
position: absolute;
top: 40px;
left: 40px;
width: 140px;
height: 140px;
overflow: visible;
}
.shadow {
fill: red;
}
.box {
fill: blue;
}
</style>
<!-- Shadow should be 80x80 (100 - 10*2 for negative spread) offset by 20,20 -->
<rect x="30" y="30" width="80" height="80" class="shadow" />
<rect x="0" y="0" width="100" height="100" class="box" />
</svg>