Skip to content

8540843414/solar-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌌 Solar System Animation A visually captivating animated representation of the solar system built using HTML, CSS, and JavaScript.

πŸš€ Features 🌍 Realistic rotation of planets around the sun

πŸŒ• Different orbital speeds for each planet

πŸ›°οΈ Scalable and responsive layout

🎨 Simple and clean UI design using only frontend technologies

πŸŒ‘ Pluto is included (because we still love Pluto πŸ˜‰)

πŸ› οΈ Technologies Used HTML5 – Structure of the solar system

CSS3 – Animation and design of planets and orbits

JavaScript – (if used) for enhancing interactivity (optional)

πŸ“Έ Live Preview πŸ”— Click here to view the live demo πŸ”— https://8540843414.github.io/solar-system/

πŸ“ Folder Structure /solar-system β”‚ β”œβ”€β”€ index.html β”œβ”€β”€ style.css └── script.js

🧠 Concepts Covered CSS keyframe animations

Transformations and transitions

Responsive design

Layering with z-index

Relative positioning and timing of animations

πŸ“ˆ Future Enhancements Add planetary info on hover/click

Include moons orbiting planets

Add background stars or galaxy effects

Make it interactive with JavaScript..

About

🌌 Project Description This Solar System project is a visually engaging, animated representation of our planetary system created using only HTML and CSS. It provides a smooth and realistic simulation of how planets revolve around the Sun, showcasing their different orbital speeds and relative distances.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors