JSFiddle - React, Tailwind, and code Playground

HTML

<div>
        <a href = ""></a>
    </div>

CSS

div {
        width: 100px;
        height: 100px;
        overflow: hidden;
    }
    
    div > a {
        display: block;
        height: 100%;
        background-color: red;
        transform-origin: bottom left;
        transform: skewX(-45deg);
    }