JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<div>
Градиентный текст, без костылей, но только для -webkit
</div>

CSS

@import "http://font.alpatriott.ru/font/import/days.css";
div{
  font-family: Days;
  font-size: 56px;
  color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(29%,#3ca026), color-stop(70%,#007ee5), color-stop(100%,#ed04d9));
background: -webkit-linear-gradient(top, #ffb76b 0%,#3ca026 29%,#007ee5 70%,#ed04d9 100%);
  -webkit-background-clip: text;
}