JSFiddle - React, Tailwind, and code Playground

HTML

<p>Hello <span class="superitalic">SUPERITALIC!</span> World!</p>

CSS

p {
  font-size: 100%;
}

p span {
  display: inline-block;
  -webkit-transform: skewX(-10deg) translateY(-1px);
  -moz-transform: skewX(-10deg) translateY(-1px);
  -ms-transform: skewX(-10deg) translateY(-1px);
  -o-transform: skewX(-10deg) translateY(-1px);
  transform: skewX(-10deg) translateY(-1px);
  font-size: 90%;
  opacity: 0.65;
  padding-top: 0.25px;
  -webkit-text-shadow: 1px 1px 0.1px rgba(0,0,0,0.004);
  -moz-text-shadow: 1px 1px 0.1px rgba(0,0,0,0.004);
  -ms-text-shadow: 1px 1px 0.1px rgba(0,0,0,0.004);
  -o-text-shadow: 1px 1px 0.1px rgba(0,0,0,0.004);
  text-shadow: 1px 1px 0.1px rgba(0,0,0,0.004);
}