JSFiddle - React, Tailwind, and code Playground

by vinishanto

HTML

<div class="rectangle"></div>

CSS

.rectangle
{
    width: 200px;
    height: 100px;
    background-color: #003781;
    position: relative;
}

.rectangle:after
{
    content:'';
        position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 25px 25px;
    border-color: transparent transparent #F8F8F8 transparent;

    
}