JSFiddle - React, Tailwind, and code Playground

by rvpatel

HTML

<div>
    <div class="box-8"></div>
    <div class="box-9"></div>
    <div class="box-10"></div>
</div>

CSS

.box-8{width: 0;
border-bottom: 30px solid #6C6;
border-left: 52px solid transparent;
border-right: 52px solid transparent;
}
.box-9{
width: 104px;
height: 60px;
background-color: #6C6;
}
.box-10{
width: 0;
border-top: 30px solid #6C6;
border-left: 52px solid transparent;
border-right: 52px solid transparent;
}