Reveal Text

보통

글자가 하나씩 나타나는 텍스트 애니메이션

#animation#javascript#reveal

라이브 데모

Beautiful Text Reveal

코드

RevealText.tsx

const [revealedIndex, setRevealedIndex] = useState(0);
const text = 'Beautiful Text Reveal';
useEffect(() => {
  if (revealedIndex < text.length) {
    setTimeout(() => setRevealedIndex(revealedIndex + 1), 100);
  }
}, [revealedIndex]);