JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" placeholder="some cool text"/>

CSS

input[type=text]:-moz-placeholder {
    opacity: 1;
    transition: opacity 1s;
}

input[type=text]:focus:-moz-placeholder {
    opacity:.1;
}

input[type=text]::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity 1s;
}

input[type=text]:focus::-webkit-input-placeholder {
    opacity:.1;
}