Simple CSS3 3D Cube

Kushagra Agarwal

• 15598
• 12
• 0

Simple CSS3 3D Cube by Jaydson. This cube is created using 6 divs that are positioned using the translateX, translateY and translateZ properties to create a 3D workspace. The container div is given a perspective of 1000px to create the perspective view rather than the orthogonal view (perspective view is only supported in webkit browsers).

The rotation is performed using the animation and keyframes properties. Please note that this demo works best in webkit browsers only. However, it still works in Firefox but you won't be able to see the perspective view.