Uranus CSS vs Image
A demo of how layered box-shadows can replicate spheres - with a space-theme!
I've long admired Uranus and its creamy smooth atmosphere - so I decided to recreate it in CSS.
The spherical appearance is created through several inset box-shadows. Although it's not a perfect replica, I feel like I got it as close as I could while still keeping my sanity intact.
Hover over the CSS Uranus (on the right) to reveal its true nature.
See the Pen Uranus CSS vs Image by Rob DiMarzo (@robdimarzo) on CodePen.