The periodic table of elements (opens in new tab) is a popular subject for designers to showcase new web technologies, and this latest CSS3 experiment is the most fun yet.
Built by Barcelona-based web designer Ricardo Cabello - best known within the community as 'Mr Doob (opens in new tab)' - the demo starts with the animated elements hurtling through space towards each other to form a table.
You're then given the option to rotate them in three dimensions by dragging on your mouse.
You can also switch between 'Table', 'Sphere', 'Helix', and 'Grid' views by clicking the buttons at the bottom of the page.
Bear in mind that the demo uses cutting-edge web technologies that only work in the most modern browsers: we'd recommend the latest version of Chrome (opens in new tab).
In case you don't have access to a modern browser, Cabello has also posted this video of how the demo runs on an iPad 2:
You'll find more of Mr Doob's projects on Github (opens in new tab).
Liked this? Read these!
- Web design training: top 10 online tools
- 20 inspirational examples of CSS
Have you seen a cool CSS demo lately? Let us know in the comments!