JSFiddle - React, Tailwind, and code Playground

HTML

<h1 id="gradient">CSS3 Rocks!</h1>

CSS

body {
    background: #441369;   
}

h1#gradient {
	color: #FF0052; /* Fallback Color */
    text-transform: uppercase;
    font-weight: bold;
    font-family: helvetica;
    text-align:center;
    font-size: 70px;
    letter-spacing: -4px;
}
@media  screen and (-webkit-min-device-pixel-ratio:0) {
    h1#gradient {
 		background: -webkit-gradient(linear,left top,left bottom,from(#FF0052),to(#802F7B));
   		-webkit-background-clip: text;
   		-webkit-text-fill-color: transparent;
    }
}