welcome.js 520 B

1234567891011121314
  1. const duration = 0.8;
  2. const delay = 0.3;
  3. // eslint-disable-next-line no-undef
  4. const revealText = document.querySelector('.reveal');
  5. const letters = revealText.textContent.split('');
  6. revealText.textContent = '';
  7. const middle = letters.filter(e => e !== ' ').length / 2;
  8. letters.forEach((letter, i) => {
  9. // eslint-disable-next-line no-undef
  10. const span = document.createElement('span');
  11. span.textContent = letter;
  12. span.style.animationDelay = `${delay + Math.abs(i - middle) * 0.1}s`;
  13. revealText.append(span);
  14. });