Google Logo的秘密
今天打开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
剩下的就靠大家去想象了。
作者:LoveJenny
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。