JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<div>Text</div>

CSS

:root {
  --gradient: linear-gradient(90deg, #00d2c0 0%, #00b6f4 100%);
}

div {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  padding-bottom: 22px;
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: flex;
  justify-content: center;
  font-family: "Roboto", sans-serif;
}