3D Rotating Cube

How It Works

This cube is created using pure CSS with transform-style: preserve-3d and perspective. Each face is positioned in 3D space using rotateX(), rotateY(), and translateZ().

The cube rotates continuously using a @keyframes animation that rotates all three axes simultaneously. Hover over the cube to pause the rotation!