JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<input type="text" placeholder="value">

CSS

input {
  font-size: 72px;
  background: linear-gradient(to right, rgb(66, 251, 227), rgb(43, 43, 255)), linear-gradient(to right, #f00, #0f0);
  -webkit-background-clip: text;
  background-clip:text;
  -webkit-text-fill-color: transparent;
  width:200px;
}

input::before {
  content: 'hello';
}