JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="box"></div>

CSS

body, html {
  background-color: #fcf;
}

.box {
  background: linear-gradient(-30deg, transparent 2rem, blue calc(2rem + 1px));
  width: 25vmin;
  height: 25vmin;
  margin: 25vmin auto;
  filter: drop-shadow(0 1px 8px rgba(0,0,0,.2)) drop-shadow(0 3px 3px rgba(0,0,0,.12)) drop-shadow(0 3px 4px rgba(0,0,0,0.14));
  
  &::before {
    content: '';
    
  }
}