JSFiddle - React, Tailwind, and code Playground

HTML

<div id="square"></div>

CSS

#square {
    width:50px;
    height:50px;
    display:block;
    background-color:red;
    overflow:hidden
    -ms-transform: skew(-30deg); /* IE 9 */
    -webkit-transform: skew(-30deg); /* Chrome, Safari, Opera */
    transform: skew(-30deg); /* Standard syntax */
}