分類: 知識 常識詞典 編輯 : 常識 發(fā)布 : 08-07

閱讀 :398

5月11日這天 Google 紀念現(xiàn)代舞先驅(qū)瑪莎·葛蘭姆誕辰的 Doodle 是怎么做的？抓了一下，發(fā)現(xiàn)是很多張小圖組成的一張大圖，難道是用的CSS Sprite技術(shù)做出來的？11 個答案

答案 1：

技術(shù)的google doodle，今日doodle最神的在于這不是GIF，而是用sprite圖按位置截取出來的。sprite圖：google/logos...同一作者去年做的現(xiàn)代舞- v.youku/v_s-ow...

答案 2：

154個div每個的背景圖片（位置）不同，層層覆蓋是這樣做的，把源代碼扒下來了j-in/akagi6/15 囧啊，第15個版本終于可以動了

答案 3：

css定位，js時間軸吧。

答案 4：

確實用的css sprite啊，時間軸的腳本沒找到。

答案 5：

是使用一張大圖，用JS來控制實現(xiàn)的，你可以把網(wǎng)頁下載下來就會發(fā)現(xiàn)，這個是那個大圖的地址：google.-k/logos...

答案 6：

使用了CSS Sprite技術(shù)，利用一個初始圖片和一張畫滿各個動作的拼接圖片，實現(xiàn)了動畫，而非傳統(tǒng)的GIF動畫圖像。

初始圖片：google/logos...

拼接圖片：google/logos...

答案 7：

zxgrow/Article...

答案 8：

這個技術(shù)不新的。在一張大圖上利用js顯示不同的位置。

答案 9：

舊技術(shù)，出新創(chuàng)意，google就是這樣的idea公司！

答案 10：

google.-k/logos...N多png圖連起來的。

答案 11：

-tml5

下一篇:-、-百科、互動百科、中文百科在線，各自有啥特點，你更喜歡去哪個？ 下一篇 【方向鍵 ( → )下一篇】

上一篇:有研究說過，夢到的人，是因為他在想你。是真的嗎？ 上一篇 【方向鍵 ( ← )上一篇】