Getting you started for the CSS 3D transform Dev Derby (15 minute screencast)

This month’s Mozilla Dev Derby is about CSS 3D transformations and as a reminder and inspiration we thought it a good idea to give you a walk-through of a simple demo: a rotating cube with content on each side. That’s simple? Yes it is! Check the video to see the result:

You can also see it in action and grab the source on GitHub. So here is a 15 minute rough and ready walkthrough of what is going on in this code:

I hope that got you inspired a bit and we are looking forward to your Dev Derby contributions.

Read more:

View full post on Mozilla Hacks – the Web developer blog

One thought on “Getting you started for the CSS 3D transform Dev Derby (15 minute screencast)

  1. Neel Mehta

    Awesome! CSS gets better and better… I’m old enough to remember the good old days of tags. How far we’ve come…

Leave a Reply