Mad Men Comics Come To Life with CSS3

By HTMLGoodies Staff

By using Cascading Style Sheets 3 (CSS3) and images, web developer Anthony Calzadilla has been able to recreate the opening sequence of AMC's Mad Men. With the adoption of CSS3, animations on the web are no longer limited to the use of GIFs.

Calzadilla's Mad Manimation, which can be seen at the Animatible website, works well in all WebKit-based web browsers, which includes the iPhone and iPad. Calzadilla has included a discussion about the methodology behind his creation, and points out that it was created before the release of Animatable.

Animatable is an online Integrated Development Environment (IDE) for creating CSS3 animations, but at this point it is not available to the public.

View Full Article

Make a Comment

Loading Comments...

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.

    By submitting your information, you agree that htmlgoodies.com may send you HTMLGOODIES offers via email, phone and text message, as well as email offers about other products and services that HTMLGOODIES believes may be of interest to you. HTMLGOODIES will process your information in accordance with the Quinstreet Privacy Policy.

Thanks for your registration, follow us on our social networks to keep up-to-date