谷歌加上與css3或jQuery的照片動畫？

所以繼承人的動畫谷歌加上與css3或jQuery的照片動畫？

enter image description here

成

enter image description here

和這一個

enter image description here

他們怎麼能這樣做？ 1.重新調整大小動畫 2.堆棧和動畫。

just just CSS3？任何例子？使用Chrome

感謝

亞當·拉馬丹

來源

2011-07-05 Adam Ramadhan

考慮將一個評論對SO這將有助於對改善這個問題，會得到他的回答過的問題，進而downvoting任何問題時。 – Devjosh

要回答你的問題：

要調整，使圖像動畫（實際上變焦），你應該使用類似：

ul#pics li:hover { 
    -moz-transform: scale(1.1) rotate(0deg); 
    -webkit-transform: scale(1.1) rotate(0deg); 
    -o-transform: scale(1.1) rotate(0deg); 
    -ms-transform: scale(1.1) rotate(0deg); 
    transform: scale(1.1) rotate(0deg); 
}

堆棧和動畫，你應該使用CSS3和jQuery。

來源

2011-07-15 12:51:36

在我的機器，我看到一個CSS3 -webkit-transform。由於這是他們使用的唯一transform，它必須檢測到我的瀏覽器是webkit並選擇了正確的轉換方式。他們可能有其他瀏覽器的其他技術。

但是，沒有jQuery的後備，因爲頁面不使用jQuery;但Google可能會有不同的JavaScript回退。

來源

2011-07-05 12:06:41 configurator

是this你在找什麼？

來源

2011-07-13 19:49:27 tommica

谷歌加上與css3或jQuery的照片動畫？

回答

相關問題