JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<div class="example">
  test
</div>

CSS

.example {
  background-color: aqua;
  padding: 3rem;
  height:4rem;
}

.example:after {
  border: 10px solid;
  border-color: white transparent transparent;
  content: "";
  left: 50%;
  position: absolute;
  top: 100%;
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 10px 10px);
}