分類: 知識 常識詞典 編輯 : 常識 發布 : 08-07

閱讀 :440

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

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

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