JSFiddle - React, Tailwind, and code Playground

by pphheerroonn

HTML

<h1>
this is a long title and the text should have a gradient effect actoss multiple lines.
</h1>

CSS

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(0deg, rgba(248,199,75,1) 0%, rgba(248,159,102,1) 35%, rgba(112,50,145,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(248,199,75,1) 0%, rgba(248,159,102,1) 35%, rgba(112,50,145,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}