JSFiddle - React, Tailwind, and code Playground

HTML

<div class="crispy">This text is not crispy</div>
<div class="transformed"></div>
<div class="crispy">This is how to get crispy rendered text.</div>

CSS

.transformed {
  -webkit-perspective: 50px;
}
.crispy {
  position: relative;
    font-size:.9em
  /*background: white;*/
}