JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

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

CSS

div.box {
  width: 240px;
  height: 300px;
  margin: 50px;
  position: relative;
  background: #006DA5;
  transition: 1s;
}
div.inner {
  width: 100%;
  height: 100%;
  background: #00A8E7;
  position: absolute;
  z-index: -1;
  left: -15px;
  top: 25px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 94%);
}