<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);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.