How to make an interactive rotating 3d cube with CSS and Javascript

In the site, there's a floating 3d book that rotates and follows your mouse around the page. Using six flat images, we talk about how to turn those images into a digital interactive cube.

View demo:



June 14th 2018

Playback speed

0.75× 1.25× 1.5× 1.75×


−60s −30s −10s +10s +30s +60s