JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slope">
    Hello
</div>

CSS

.slope{
    width:500px;
    height:100px;
    background:#0093f7;
    text-align:center;
    font-size:26px;
    color:#fff;
    vertical-align:middle;
    overflow: visible;
    position: relative;
}

.slope:after {
    content: "";
    position: absolute;
    display: block;
    right: -100px;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: solid 100px #0093f7;
    border-right: solid 100px transparent;
}