JSFiddle - React, Tailwind, and code Playground

by eveevans

HTML

<div class="triangle"></div>
<div class="triangle_shadow"></div>

CSS

div.triangle {
    border-bottom : 60px solid transparent;
    border-left : 60px solid black;
}

div.triangle_shadow {
    border-bottom : 60px solid transparent;
    border-left : 60px solid red;
    margin-top: -50px;
   margin-left:10px;
}