Curved tabs

CSS curved tabs

by Laxmikant Dange

HTML

<div>
  <li class="tab">
    One
  </li>
</div>

CSS

.tab{
      background:red;
    display: inline-block;
    padding: 4px;
    border-top-left-radius: 35px 10px;
    height: 20px;
    border-bottom-left-radius: 35px 10px;
}
.tab:after{
  
}