JSFiddle - React, Tailwind, and code Playground

by Dmitry Luzanov

HTML

<div id="par">
<p>qwerqwerqwerqw</p>
<h1>fasdfasdfafsa</h1>
</div>

CSS

#par {
				width: 500px;
				height: 150px;
				-webkit-transform: skew(160deg);
				   -moz-transform: skew(160deg);
				     -o-transform: skew(160deg);
				        transform: skew(160deg);
				position: absolute;
				border: 2px solid #000000;;
			}
      
      #par > * {
        
				-webkit-transform: skew(-160deg);
				   -moz-transform: skew(-160deg);
				     -o-transform: skew(-160deg);
				        transform: skew(-160deg);
      }