# Introduction In this project, you will learn how to create a fan-like effect using CSS. By rotating and scaling a series of div elements, you will be able to achieve a dynamic and visually appealing animation that expands when the user hovers over the element. ## ๐ Preview ![finished](https://file.labex.io/namespace/718bace8-27a3-4200-a588-dde4041ceeb9/css/project-unfold-your-fan/lab-unfold-your-fan/assets/effect.gif) ## ๐ฏ Tasks In this project, you will learn: - How to rotate div elements using CSS transforms - How to scale div elements to create the fan-like expansion effect - How to coordinate the rotation and scaling of multiple elements to achieve the desired animation ## ๐ Achievements After completing this project, you will be able to: - Use CSS transforms to rotate and scale elements - Create dynamic hover effects using CSS - Coordinate the animation of multiple elements to achieve a specific visual effect
Click the virtual machine below to start practicing