JSFiddle - React, Tailwind, and code Playground

by Serg Sagan

HTML

<div></div>

CSS

body{
  background: #FFF;
}
div{
  width:150px;
  height:50px;
  background:green;
  position:relative;
}
div:after{
  border: 25px solid transparent;	border-left: 20px solid green;
  content:'';
  position: absolute;
  right:-45px;
  top:0px;
}
div:before{
  border: 25px solid transparent;	border-left: 20px solid white;
  content:'';
  position: absolute;
  left:0px;
  top:0px;
}