Developer @alexmwalker Redoes Google Doodle in CSS3 + jQuery

animated google doodle turned gif into css3

Everybody loves Google Doodles. But that didn’t keep designer/developer Alex Walker from wondering about the format of today’s tribute to Heinrich Rudolph Hertz, the scientist who discovered electromagnetic waves. Walker points out that the Google logo rendered as colorful waves is just a “big-ass animated GIF,” and a choppy one at that. He goes on to show how he recreated the Google Doodle in CSS3 and jQuery, step by step. The end result is amazing—you can see the original GIF and the jQuery animation side by side here. Walker wonders, “Am I under-estimating the power and beauty of the animated GIF?” Our answer: Not at all. 

More resources:

COMMENT