欢迎来到 常识词典网 , 一个专业的常识知识学习网站!

[ Ctrl + D 键 ]收藏本站

您所在的位置:首页 > 教育学习 > 知识

知识

5月11日这天 Google 纪念现代舞先驱玛莎·葛兰姆诞辰的 Doodle 是怎么做的?

分类: 知识 常识词典 编辑 : 常识 发布 : 08-07

阅读 :342

5月11日这天 Google 纪念现代舞先驱玛莎·葛兰姆诞辰的 Doodle 是怎么做的?抓了一下,发现是很多张小图组成的一张大图,难道是用的CSS Sprite技术做出来的?11 个答案

答案 1:

技术的google doodle,今日doodle最神的在于这不是GIF,而是用sprite图按位置截取出来的。sprite图:google/logos...同一作者去年做的现代舞- v.youku/v_s-ow...

答案 2:

154个div每个的背景图片(位置)不同,层层覆盖是这样做的,把源代码扒下来了j-in/akagi6/15 囧啊,第15个版本终于可以动了

答案 3:

css定位,js时间轴吧。

答案 4:

确实用的css sprite啊,时间轴的脚本没找到。

答案 5:

是使用一张大图,用JS来控制实现的,你可以把网页下载下来就会发现,这个是那个大图的地址:google.-k/logos...

答案 6:

使用了CSS Sprite技术,利用一个初始图片和一张画满各个动作的拼接图片,实现了动画,而非传统的GIF动画图像。

初始图片:google/logos...

拼接图片:google/logos...

答案 7:

zxgrow/Article...

答案 8:

这个技术不新的。在一张大图上利用js显示不同的位置。

答案 9:

旧技术,出新创意,google就是这样的idea公司!

答案 10:

google.-k/logos...N多png图连起来的。

答案 11:

-tml5