Pure CSS animation with the sprinkle of JS to change view from 2D to 3D (and vice versa).
Live version: https://barbaraszott.github.io/solar-system/
(wait for it, there will be some cool stuff here)
- Vanilla JavaScript (ES6)
- SCSS as a CSS preprocessor
Known issues:
- Bugs on Mozilla Firefox need to be fixed with some fallbacks (there is problem when animation is changed from 2d to 3d and vice versa; also Saturn is not shown)
- View on mobile phones and smaller screens (https://css-tricks.com/things-watch-working-css-3d/)