Google Logo的秘密

今天打开google首页，页面如下：

其中动画过程很漂亮，为了方便我录下了视频：

Google_Logo.rar

看看整个动画过程，还是很优美的，而且动画也比较顺滑，猜想是gif图像，毕竟在网页上像这种动画用gif来做的还是比较多的。

右键查看源文件，查找gif，没有发现文件，找到了：

http://www.google.com.hk/logos/2011/graham11-hp-start.png

和http://www.google.com.hk/logos/2011/graham11-hp-sprite.png。

猜测动画效果可能是由多幅图片叠加而形成的，这么猜想的原因很简单，因为google地图就是多幅图片拼接而成的。

于是笔者录下了下面的视频。

Google_Logo2.rar

 

给大家几个提示：

1：background-image,

2：position.

3：SetTimeout

4：img

剩下的就靠大家去想象了。