JSFiddle - React, Tailwind, and code Playground

by Yauheni Pakala

HTML

<h1>Gradient text</h1>

CSS

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400);

body {
  background: #333;
}

h1 {
  display: table;
  margin: 0 auto;
  font-family: "Roboto Slab";
  font-weight: 400;
  font-size: 5em;
  background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 200px;
}