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.