1 JavaScript Cube Effects

This collection is a guide to creating interactive 3D cubes, from CSS transforms to WebGL. The fundamental layout of a cube from <div> elements using transform-style: preserve-3d is covered, as well as creating true 3D objects with Three.js. Interactivity is achieved by tracking mouse drag gestures, allowing the cube to be “rotated” in space. This is your toolkit for adding impressive 3D elements to any project.