JSFiddle - React, Tailwind, and code Playground

HTML

<input class="input" placeholder="placeholder">

CSS

input {
  height: 40px;
  width: 200px;
  margin: 30px;
  padding-left: 7px;
}

.input::-webkit-input-placeholder {
  position: relative;
  left: 70px;
  display: block;
  transition: all .4s ease-in-out;
}
.input:hover::-webkit-input-placeholder { 
  left: 0; 
}