You've probably all heard of CSS 3D transforms and seen the basic cube example. However, we can do much better. We can create more complex shapes like Archimedean, Catalan or Johnson solids, add shading to their faces with CSS gradients, move them around with keyframe animations, make them turn into others through various methods like expansion, vertex truncation or simply exploding them into parts which then recombine into something else.

Slides: codepen.io/thebabydino/live/08634ee35593c97bd8cfb2ddd9324c24
More experiments: codepen.io/thebabydino/
About Ana: about.me/thebabydino

More about CSS Day: cssday.nl or twitter.com/cssdayconf

# vimeo.com/98137613 Uploaded 4,125 Plays / / 1 Comment Watch in Couch Mode

CSS Day

Web Conferences Amsterdam Plus

CSS Day is a one-day advanced CSS conference in Amsterdam, The Netherlands, since 2013. Stay tuned for our 2016 event!

More info: cssday.nl
On Twitter: twitter.com/cssdayconf
Our newsletter: cssday.nl/subscribe

Browse This Channel

Shout Box

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels. Channels