Still, it is a non-trivial problem to properly render 3-dimensional spheres in CSS. This project is an attempt to do exactly this by dissecting the sphere into longitudes and latitudes, which are just circles with borders and thus easy to render. Sass is used to define their positions in a single loop.
The sphere is rotating to improve the 3-dimensional feeling. You can also move inside the sphere. During this movement, the perspective is animated smoothly. This fascinating effect gained some attraction in the corresponding Codepen.
The demo works best in Chrome due to heavy computations.