소개
이 프로젝트에서는 CSS 를 사용하여 부채꼴 효과를 만드는 방법을 배우게 됩니다. 일련의 div 요소를 회전하고 크기를 조정함으로써, 사용자가 요소 위에 마우스를 올리면 확장되는 역동적이고 시각적으로 매력적인 애니메이션을 구현할 수 있습니다.
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다:
- CSS 변환 (transforms) 을 사용하여 div 요소를 회전하는 방법
- 부채꼴 확장 효과를 만들기 위해 div 요소의 크기를 조정하는 방법
- 원하는 애니메이션을 구현하기 위해 여러 요소의 회전과 크기 조정을 조율하는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- CSS 변환 (transforms) 을 사용하여 요소를 회전하고 크기를 조정할 수 있습니다.
- CSS 를 사용하여 동적인 호버 효과를 만들 수 있습니다.
- 특정 시각 효과를 얻기 위해 여러 요소의 애니메이션을 조율할 수 있습니다.
