[HTML, CSS] 두 가지 애니메이션이 재생되는 사이트 (animation 응용)

🌈 미리 보기

실제로는 움직이는 화면

---

 

⌨️ 소스

소스는 아래에서 확인할 수 있다.

See the Pen challenge_4 by 유지원 (@jiyajiwon) on CodePen.

 

 

💻 결과

아래에서 실제로 어떻게 작동하는지 테스트 해볼 수 있다.

 

 

---

 

🎈 느낀 점

애니메이션 싱크를 어떻게 맞추는 건지 잘 모르겠다.

저렇게 맞추기 조금 힘들었다.