A visually engaging Solar System simulation built using pure HTML & CSS.
This project demonstrates planetary motion, orbit animations, and creative front-end design without using JavaScript.
- 🌞 Animated Sun at the center
- 🪐 Orbiting planets with smooth motion
- 🎯 Pure HTML & CSS (No JavaScript)
- 🌑 Realistic dark space background
- 🔄 Continuous orbital animation
- 🎨 Clean and minimal UI design
- HTML5
- CSS3 (Animations & Transforms)
Solar-system/ │ ├── Solar.html # Main HTML file ├── Solar.css # Styling and animations └── README.md # Documentation
- Download or clone the repository:
git clone https://github.com/Manish88829/Solar-system.git
Open the project folder
Run the file:
Open Solar.html in your browser
🎯 Purpose of Project
This project is designed to:
Practice CSS animations and transforms
Understand positioning and orbit effects
Build visually appealing UI without JavaScript
🔮 Future Improvements
🌍 Add more planets with accurate scaling
🛰️ Add labels for each planet
🎛️ Add speed control (animation control)
🌠 Add stars and galaxy effects
👨💻 Author
Manish Kumar
GitHub: https://github.com/Manish88829