소개
이 프로젝트에서는 태양 주위를 공전하는 지구를 시뮬레이션하는 CSS 애니메이션을 만드는 방법을 배우게 됩니다. 이 프로젝트는 CSS 애니메이션의 개념과 이를 동적이고 시각적으로 매력적인 웹 경험을 만드는 데 적용하는 방법을 이해하는 데 도움이 될 것입니다.
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다.
.earth-con요소에 대한 애니메이션 설정 방법orbit애니메이션에 대한@keyframes를 사용하여 중심 주위를 도는 지구의 회전을 만드는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다.
- 태양 주위를 공전하는 지구를 시뮬레이션하는 CSS 애니메이션 생성
- CSS 애니메이션의 개념을 이해하고 이를 동적이고 시각적으로 매력적인 웹 경험을 만드는 데 적용
- 원하는 애니메이션 효과를 얻기 위해 여러 CSS 속성을 조정
