Skip to content

Manish88829/Solar-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

🌌 Solar System Animation

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.


🚀 Features

  • 🌞 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

🛠️ Tech Stack

  • HTML5
  • CSS3 (Animations & Transforms)

📂 Project Structure

Solar-system/ │ ├── Solar.html # Main HTML file ├── Solar.css # Styling and animations └── README.md # Documentation


📸 Preview

image


⚙️ How to Run

  1. 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

About

Interactive Solar System project using HTML and CSS showcasing planetary motion and visual design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors