<svg width="200" height="50">
    <rect x="20" y="0" width="20" height="40" fill="red" transform="skewY(10) skewX(10)"/>
    <rect x="40" y="0" width="20" height="40" fill="green" transform="skewY(10)"/>
    <rect x="60" y="0" width="20" height="40" transform="skewX(10)"/>
</svg>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.