JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" placeholder="hello"/>

CSS

input::-webkit-input-placeholder
{
    text-align:center;
    color: black;
       -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

input:focus::-webkit-input-placeholder
{
   transform: translateX(-28%);
}