It took roughly 1-2 hours to put together, and takes advantage of WebKit-specific CSS gradients, transforms, box-shadows, etc. Not a single image is used. The video is, of course, done with the HTML5 video element.<p>Comparison screenshot at http://imgur.com/6Kt6L.png<p>Code is freely available on GitHub (http://github.com/aupajo/webkit-fu).<p>Put it together for a weekend BarCamp (http://barcamp.org/BarCamp-Christchurch-2010).
It took roughly 1-2 hours to put together, and takes advantage of WebKit-specific CSS gradients, transforms, box-shadows, etc. Not a single image is used. The video is, of course, done with the HTML5 video element.<p>Comparison screenshot at <a href="http://imgur.com/6Kt6L.png" rel="nofollow">http://imgur.com/6Kt6L.png</a><p>Code is freely available on GitHub (<a href="http://github.com/aupajo/webkit-fu" rel="nofollow">http://github.com/aupajo/webkit-fu</a>).<p>Put it together for a weekend BarCamp (<a href="http://barcamp.org/BarCamp-Christchurch-2010" rel="nofollow">http://barcamp.org/BarCamp-Christchurch-2010</a>).