JSFiddle - React, Tailwind, and code Playground

by Brett DeWoody

HTML

<div>
    <p>hey i'm straight, ok?</p>
</div>

CSS

div {
    width: 200px;
    height:50px;
    margin: 20px;
    position:relative;
}

div:before {
    content: "";
    display:block;
    background: red;
    position:absolute;
    width:100%;
    height:100%;
    z-index:-1;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);
}