JSFiddle - React, Tailwind, and code Playground

HTML

<p class="gradient-text">Градиентный текст</p>

CSS

.gradient-text {
  font-size: 25px;
  text-transform: uppercase;
  background: linear-gradient(45deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0) );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #0B2349;
  display: table;
  margin: 20px auto;
}