Timo Korinth

2 Meter, 2 Mark

CSS 3D Sphere

| 0 comments

Playing around with some CSS 3D transitions and animations to create an animated 3D sphere with nothing more than plain CSS (no JavaScript):

See the Pen 3D CSS Sphere by Timo Korinth (@TimoKorinth) on CodePen.14074

The “magic” is to use some flat div’s with border-radius: 50%; to create circles and rotate them to form up a sphere. After this I just needed to start an infinite CSS animation which changes the rotation for all axis.

Leave a Reply