JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">

  <input type="text" placeholder="Engkus Kusnadi">

</div>

CSS

#wrapper {
  padding:40px;
  position:relative;
}

input {
  position : relative;
}

input::-webkit-input-placeholder {
  color: red;
  position:absolute;
}

input:focus::-webkit-input-placeholder {
  top:-20px;
  color:blue;
}