A visually captivating animation of a planet with its ring, created using only HTML and CSS. This project demonstrates creative use of CSS animations and shapes to bring the design to life.
The project features:
- A beautifully animated planet.
- A rotating ring around the planet.
- Dynamic spots on the planet's surface.
- Smooth animations for the planet's rotation, ring motion, and other visual effects.
This project was inspired by a tutorial from Adson Paulo's YouTube channel.
- Responsive Design: Adaptable to different screen sizes.
- CSS Animations: Includes custom animations for planetary rotation and ring movement.
- Pure HTML and CSS: No JavaScript is used.
- HTML5
- CSS3
- Clone or download the repository.
- Open
index.html
in a web browser to view the animation.
index.html
: Contains the HTML structure of the project.style.css
: Contains the styling and animations for the project.
This project was inspired by a tutorial from Adson Paulo.
This project is open-source and available under the MIT License.
Enjoy exploring the animated planet! 🌌