2012-08-03 60 views
0

有誰可以告訴我谷歌在他們的網站上使用他們的幻燈片效果的腳本http://www.android.com?動畫非常漂亮。如何創建類似幻燈片效果的android.com

+0

很可能他們正在使用他們自己的內部實現的腳本。畢竟他們是Google。 – lanzz 2012-08-03 20:06:13

+0

你有沒有試過看源代碼? – 2012-08-03 20:09:36

+0

什麼幻燈片效果..? – 2012-08-03 20:12:11

回答

0

它們顯然是使用內部腳本,對於Chrome而言,它的值爲-webkit-transform: translateZ(value);,其值轉換與CSS3不透明度轉換和JavaScript更改相結合。製作起來相當簡單。

在Internet Explorer和Mozilla Firefox中,它是一種簡單的淡入淡出效果。我還沒有測試過其他瀏覽器。

+0

你能告訴我一個jsfiddle嗎? – oneiros 2012-08-03 20:41:45

+0

我沒有時間真正把它們放在一起,但是,這是一個非工作的:http://jsfiddle.net/SO_AMK/aMW6G/ – 2012-08-03 21:19:20

+0

非工作,但幾乎完成。 – 2012-08-03 21:26:08