Timo Korinth

2 Meter, 2 Mark

CSS 3D Sphere

| 1 Comment

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.

One Comment

  1. Pingback: How can I create pure CSS 3-dimensional spheres? - PhotoLens

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.