JSFiddle - React, Tailwind, and code Playground

by Alexey Lisovy

HTML

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

CSS

.wrapper
      {
            width: 300px;
            height: 288px; 
            margin-left: 150px;
            margin-top: 100px;
            border: 1px solid green;
      }
.triangle
      {
            width: 300px;
            height: 288px;

            background: linear-gradient(to right top, transparent 50%, #8d4 50%);
            transform: rotate(-53deg) skewX(-16deg) translateY(58px) translateX(-58px);
            box-shadow: 0 0 5px aqua;          
      }