HBD project

🎂 생일 축하 애니메이션 페이지입니다. 차례로 떨어지는 케이크와 촛불로 분위기를 내봤습니다.

---

기능 설명

[케이크 모션]

1. CSS3 animation을 사용하여 케이크가 떨어질 때 튕기는 효과 및 양초가 타오르는 모습 구현
2. 일정 시간 뒤 호출될 수 있도록 setTimeout() 사용
3. setInterval()과 DOM 제어로 n초에 한 개씩 케이크가 떨어지게 함

---

[축하 메세지]

1. 메세지를 배열에 담고 문자열을 split()으로 나누어 한 글자씩 나오게 함
2. 이때 각 메세지들은 랜덤으로 호출 됨
3. 가상 선택자 after와 classList.toggle()을 사용해 글자 뒤에 커서 깜빡임 효과를 넣었음