<div class="gooey">
<svg width="500" height="200">
<defs>
<style>
path {
fill: tomato;
stroke: none;
stroke-width: 1px;
}
</style>
</defs>
<path d="M10,10 430,10 490,100 430,190 10,190z" />
</svg>
</div>
.gooey {
padding: 0.8em;
filter: contrast(900%);
background: #fff;
}
.gooey > * {
filter: blur(0.8em);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.