JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <div class="child">Hello</div>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Oswald);body{color:#fff;font-weight:bold;font-size:50px;font-family:'Oswald',sans-serif;}

.parent {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
  -webkit-backface-visibility: hidden;
  
  
  width:300px;padding-left:15%;margin-left:-15%;overflow:hidden;
}

.child {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
  
  
  width:300px;background: rgba(90, 190, 230, 0.9);padding-left: 5%;padding-right: 15%;
}