JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
    background:red;
    width:100px;
    height:100px;
}
div:after{
      content: '';
      position: absolute;
      display: block;
      border: 40px solid green;
      border-left-width: 15px;
      border-right-width:15px;
      border-left-color: transparent;
      
      border-top-color: blue;
      border-bottom-color: yellow;
      width: 10px;
      height: 10px;
}