How to add CSS animations such that the placeholder text of input field appear as if it is being typed ?
I did this but it is not showing:

.typewriter::placeholder {
  overflow: hidden;
  white-space: nowrap; 
  margin: 0 auto;
  letter-spacing: .15em; 
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

A CSS code for adding animations to placeholder attribute of input field.