Want to keep the TNW Conference vibe going?? Tickets for TNW2022 are available now >>

The heart of tech

This article was published on March 30, 2011

    Mad Men opening credits animated in CSS3

    Mad Men opening credits animated in CSS3
    Joel Falconer
    Story by

    Joel Falconer

    Joel Falconer is the Features Editor at TNW. He lives on the Gold Coast, Australia with his wife and three kids and can sometimes be found g Joel Falconer is the Features Editor at TNW. He lives on the Gold Coast, Australia with his wife and three kids and can sometimes be found gaming or consulting. Follow Joel on Twitter.

    The newest browsers with their support for HTML5 and CSS3 are enabling developers to achieve amazing things — we covered a game of billiards written in only HTML5, CSS3 and JavaScript recently — and Madmanimation counts as one of them.

    Put together by Anthony Calzadilla, Andy Clarke and Geri Coady, this showcase is a reproduction of the Mad Men opening credits sequence animated in CSS3 — and aside from the references to web designers and their books, it’s a fantastic replication.

    Check it out at Animatable.