JSFiddle - React, Tailwind, and code Playground

by kadi

HTML

<ul>
    <li class="chrometab">home</li>
</ul>

CSS

.chrometab{
    border-bottom: 30px solid red;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    width: 100px;
    margin-top:10px;
}
.chrometab:after {
    content: "";
    display:block;
    margin-top:-25px;
    margin-left:-1px;
    height:20px;
    width:102px;
    border-radius:10px;
    background-color: red;
    behavior: url(PIE.htc)
}