Explorer of CSS and frontend fanatic Chris Ruppel recently developed this short presentation, Unfolding the Box Model, which features an impressive selection of interactive slides exploring CSS 3D Transforms.
The project uses the arrow keys to cleverly introduce users to the DOM element before interactively moving on to what CSS 3D Transforms can do with them. It includes examples of the code for different instructions, accompanied by a small box demonstrating each behaviour at the same time.
We won't spoil it by telling you all the other brilliantly creative features in this presentation. Go and take a look for yourselves!