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

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

本文转自LoveJenny博客园博客，原文链接：http://www.cnblogs.com/LoveJenny/archive/2011/05/11/2043759.html，如需转载请自行联系原作者

Google Logo的秘密相关推荐

Google LOGO现代舞舞蹈动画
效果预览: http://hovertree.com/texiao/js/5.htm 截图: HTML文件代码: <!DOCTYPE html> <html xmlns=" ...
如何制作Google logo？
这是Google logo ,如何通过所学的html,css知识来实现了? 第一步--写Html语言 <span>G</span><span>o</span& ...
html-css和html实现Google logo
css和html实现Google logo <!DOCTYPE html> <html><head><meta charset="UTF-8&quo ...
图]被否决的Google Logo
优胜劣汰,Google Logo也不例外. 幸福的Logo是一样的,不幸的Logo各有各的不幸原本打算庆祝:2003年儿童节拒绝原因:太幼稚原本打算庆祝:香烟问世150周年拒绝原因:政治上欠 ...
Google彩蛋-Google LOGO系列
在计算机领域,复活节彩蛋通常指制作者隐藏在产品中的.用于愉悦用户的隐秘物.包括文字.图片.声音或者某些小变化.以下就是一些Google logo中隐藏的彩蛋. 看看你能找出那些:),点击图片看原图 T ...
2011-6-16 有趣的Google Logo涂鸭月全食全过程
今天Google又开始涂鸭了,号称每个地区打开Google的网站看到的月全食状态与当地能看到的月全食一致. Google Logo如下: 所用的背景图片如下: 网页源代码: <!do ...
《Google Adsense的秘密》第七章：用Google搜索框黏住易变的访问者
7.1 用搜索赚钱如果来访者在你的网站中找不到他们想要的东西会怎么样?他们当然会觉得无聊,很可能他们想进行更多的搜索或更新现在的搜索.如果你提供一个Google搜索框,你就可以留住这些"逃 ...
Android Google Map 开发指南（一）解决官方demo显示空白只展示google logo问题
这两天一直在做google map接入前的准备工作特此在这里将自己在加载官方demo时出现的问题以及详细的接入步骤进行记录,已免后者踩坑注:项目实际运行时不要使用虚拟机因为电脑ip和虚拟机ip不 ...
如何用html + css 绘制Google logo
Google案例谷歌logo <!DOCTYPE html> <html><head><meta charset="utf-8"> ...

Google Logo的秘密

Google Logo的秘密相关推荐

最新文章

热门文章