JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

HTML

<div><span>hello</span></div>

CSS

body { padding:40px 0;}
div { position:relative; padding:20px;}
span { position:relative; z-index:2;  color:white;}
div:before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:150px;
  height:150px;
  background:rgba(0,0,0,0.3);
  transform:skewY(-12deg);
}