JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

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

CSS

@import "http://font.alpatriott.ru/font/import/days.css";
div{
  width: 500px;
  font-family: Days;
  font-size: 56px;
  color: #000;
  color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  -webkit-background-clip: text;
}