JSFiddle - React, Tailwind, and code Playground

by Vishnuprasad ps

HTML

<div>

</div>

CSS

div {
  position: relative;
  width: 200px;
  height: 80px;
  background-color: #522d5b;
  overflow: hidden;
}

div:after {
  content: "";
  position: absolute;
  margin: -20px;
  width: 40px;
  height: 40px;
  transform: rotate(45deg);
  background-color: #fff;
  box-shadow: 0 250px 0 0 #522d5b;
}