Paul Hayes

tag: sphere

Creating a sphere with 3D CSS

With CSS3’s 3D trans­forms it is pos­si­ble to cre­ate a sphere-like object, albeit with many ele­ments. Recently I’ve been look­ing at cre­at­ing applic­a­ble 3D carousels. These rely on posi­tion­ing pan­els in a cir­cle around a cen­tral point (ie. rota­tion about the Y-axis), I put these pan­els in an unordered list. A nat­ural exten­sion is to dupli­cate each <ul> and rotate about the X-axis, cre­at­ing a sphere.