Explorer of CSS and frontend fanatic Chris Ruppel (opens in new tab) recently developed this short presentation, Unfolding the Box Model (opens in new tab), 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 (opens in new tab)!
Liked this? Read these!
- How to make an app (opens in new tab): try these great tutorials
- Check out these amazing HTML5 examples
- Free graphic design software available to you right now!