This project is a simple visualization of our Solar System, created using HTML, CSS, and JavaScript. The Solar System is depicted with planets revolving around the Sun, and their motion is achieved through CSS animations and JavaScript.
This project demonstrates the basic structure of the Solar System, including the Sun and planets revolving around it. The planets are animated to simulate the movement around the Sun, with different speeds and orbital paths. The design is simple, and the movement is powered by CSS keyframe animations, while JavaScript adds interactivity to the model.
- HTML: For the basic structure of the Solar System.
- CSS: For styling the planets, the Sun, and creating orbital animations.
- JavaScript: For additional interactivity and further manipulation of the model.
To run this project on your local machine, follow these steps:
-
Clone the repository:
git clone https://github.com/prasad-droid/Solar-System.git -
cd Solar-Systemin your terminal -
Open the
index.htmlfile in your browser to view the Solar System
Open the index.html file in any modern browser. You will see a simulation of the Solar System with the Sun at the center and planets revolving around it. The planets' movements are animated, and you can modify the parameters like speed, size, and colors in the CSS file.
Animated Planets: The planets rotate around the Sun with unique speeds and orbital paths. Responsive Design: The Solar System adjusts to different screen sizes, making it accessible on desktop and mobile devices. Customizable: You can easily change planet colors, sizes, and speeds by editing the CSS and JavaScript files.
This project is open-source and available under the MIT License.