Google Logo的秘密
时间:2011-05-11 来源:LoveJenny
今天打开google首页,页面如下:
其中动画过程很漂亮,为了方便我录下了视频:
看看整个动画过程,还是很优美的,而且动画也比较顺滑,猜想是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地图就是多幅图片拼接而成的。
于是笔者录下了下面的视频。
给大家几个提示:
1:background-image,
2:position.
3:SetTimeout
4:img
剩下的就靠大家去想象了。
相关阅读 更多 +