프로젝트 의 CSS 스킬 트리

서유기: 천축으로 가는 여정

초급

본 프로젝트에서는 CSS 를 사용하여 애니메이션 시퀀스를 만드는 방법을 배우게 됩니다. 이 프로젝트는 불경을 구하기 위해 서천으로 떠나는 제자들의 여정을 기반으로 합니다. 그러나 그들은 도중에 악마에게 붙잡히게 되고, Tom 이라는 캐릭터가 CSS 를 사용하여 그들을 구출하여 제자들이 서쪽으로의 여정을 계속할 수 있게 합니다.

cssweb-development

💡 이 튜토리얼은 영어로 번역되었습니다. 원본을 보려면 영어로 전환

소개

이 프로젝트에서는 CSS 를 사용하여 애니메이션 시퀀스를 만드는 방법을 배우게 됩니다. 이 프로젝트는 불경을 구하기 위해 서천으로 여정을 떠난 제자들의 이야기를 기반으로 합니다. 그러나 그들은 도중에 악마들에게 붙잡히게 되고, Tom 이라는 캐릭터가 CSS 를 사용하여 그들을 구출하여 제자들이 서쪽으로의 여정을 계속할 수 있게 합니다.

👀 미리보기

CSS animated disciples journey

🎯 과제

이 프로젝트에서 다음을 배우게 됩니다:

  • 장면 속 캐릭터의 애니메이션 프레임을 설정하는 방법
  • 각 캐릭터의 애니메이션 키프레임을 정의하여 움직임의 환상을 만드는 방법
  • 연속적이고 매끄러운 애니메이션을 만들기 위해 애니메이션을 무한 루프하는 방법

🏆 성과

이 프로젝트를 완료하면 다음을 수행할 수 있습니다:

  • CSS 애니메이션을 활용하여 역동적이고 매력적인 시각 효과를 생성할 수 있습니다.
  • 여러 애니메이션을 조정하여 일관되고 동기화된 애니메이션 시퀀스를 만들 수 있습니다.
  • 성능과 반응성을 위해 애니메이션을 최적화할 수 있습니다.

강사

labby
Labby
Labby is the LabEx teacher.