EasyText, EasyLicense 的作者, https://github.com/EasyHelper Good Good Study,Day Day Up.

 

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

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

posted @ 2011-05-11 22:57  LoveJenny  阅读(3683)  评论(9编辑  收藏  举报
EasyText, EasyLicense 的作者, https://github.com/EasyHelper Good Good Study,Day Day Up.