JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span>Skew</span>
    <p class="skew">
        Lorem ipsum dolor sit amet, consectetur adipiscing           elit.<br/>In luctus bibendum porta. Fusce risus augue,         faucibus<br/> at mauris ut, fermentum luctus ligula. Curabitur         sodales <br/>elit vel suscipit iaculis. Aliquam erat volutpat.
    </p>
</div>
<div class="perspective-view">
    <p class="perspective">
        Lorem ipsum dolor sit amet, consectetur adipiscing           elit.<br/>In luctus bibendum porta. Fusce risus augue,         faucibus<br/> at mauris ut, fermentum luctus ligula. Curabitur         sodales <br/>elit vel suscipit iaculis. Aliquam erat volutpat.
    </p>
</div>

CSS

div {
    position: relative;
}
p {
    position: absolute;    
}
.skew {
    top: 30px;
    left: 20px;
    transform: skew(0,-10deg);
}
.perspective-view {
    -webkit-perspective: 500px;
    perspective: 500px;    
}
.perspective {
    top: 150px;
    left: 50px;
    transform: rotateY(30deg);
}