JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="CV" data-text="CV">CV</h1>

CSS

h1.CV:before {
  /*text-align: center;*/
  background: none;
  content: attr(data-text);
  /*left: 0;*/
  position: absolute;
  text-shadow: 5px 5px 2px rgba(0, 0, 0, 0.75); /*X,Y,BlurRadius,Color*/
  top: 0;
  z-index: -1;
}

h1.CV {
  /* http://jsfiddle.net/2GgqR/258/ */
  text-align: center;
  font-size: 10em;
  background-image: -webkit-linear-gradient(red, orange, yellow);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position:relative;
  z-index: 0;
}