JSFiddle - React, Tailwind, and code Playground

by navinleon

HTML

<div class="tt">
    <div>
        supertest headline
    </div>
     <div>
        This is assuming you're going
    </div>
     <div>
         event is generated
    </div>

     <div>
        this is a test cooler
    </div>
     <div>
         words
    </div>
</div>

CSS

.tt {
    position: relative;
    display: block;
    border-left: 34px solid transparent;
    overflow: visible;
    color: #fff;
    line-height: 40px;
    width: 100%;
    background-color:green;
}

.tt div {
  display: inline-block;
    box-shadow: 150px 0 0 #000, -0px 0 0 #000;
    background-color: #000;
    overflow: hidden;
}