Skip to content

sblondeau/css-solar-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS only solar system

A solar system experiment with CSS only, no JS. Use CSS animations Try it at https://sblondeau.github.io/css-solar-system/

each planet have 6 CSS variables to modify

--image: url('earth.jpg');  // texture of planet
--planet-size: 30px;        // planet size (diameter)
--ellipse-duration: 25s;    // duration of rotation around the sun
--rotation-speed: 5s;       // duration of revolution
--distance: 350px;          // distance from sun
--ellipse-rotation:-30deg;  // inclination of ellipse

About

A CSS experimental 3D solar system

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published