Creating Earth's Orbital Animation with CSS

# Introduction In this project, you will learn how to create a CSS animation that simulates the Earth's orbit around the Sun. This project will help you understand the concepts of CSS animations and how to apply them to create a dynamic and visually engaging web experience. ## 👀 Preview ![finished](https://file.labex.io/namespace/718bace8-27a3-4200-a588-dde4041ceeb9/css/project-exploring-the-earth/lab-exploring-the-earth/assets/2.gif) ## 🎯 Tasks In this project, you will learn: - How to set up the animation for the `.earth-con` element - How to use the `@keyframes` for the `orbit` animation to create the Earth's rotation around the center ## 🏆 Achievements After completing this project, you will be able to: - Create a CSS animation that simulates the Earth's orbit around the Sun - Understand the concepts of CSS animations and how to apply them to create dynamic and visually engaging web experiences - Coordinate multiple CSS properties to achieve the desired animation effect

|60 : 00

Click the virtual machine below to start practicing