js

const labels = document.querySelectorAll('.form-control label');

labels.forEach((label) => {
  label.innerHTML = label.textContent
    .split('')
    .map((letter, idx) => `<span style="transition-delay:${idx * 80}ms">${letter}</span>`)
    .join('');
});

코드실행시 아래처럼

    <label>
          <span style="transition-delay: 0ms">이</span>
          <span style="transition-delay: 80ms">메</span>
          <span style="transition-delay: 160ms">일</span>
    </label>

http://tcpschool.com/css/css3_transform_transition

영어로 바꿔서 테스트 해보자

이메일 -> Email
패스워드 -> password
delay 시간 -> ${idx * 50}ms 더 빠르게