JSFiddle - React, Tailwind, and code Playground

by s976

HTML

<div id='div1'>
dd
</div>
<div id='div2'>

</div>

CSS

#div1{
  background-color: blue;
    height: 200px;
    position: absolute;
    width: 200px;
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    border-bottom: 5px solid #ccc;
}

#div2{
      background-color: red;
    height: 200px;
    position: absolute;
    width: 200px;
    top: 50px;
}