使用代碼實現GIF效果 - 它是如何完成的？

什麼吸引了我最瞭解這個頁面的設計是外觀上來看，它在徘徊變成什麼似乎是360 GIF動畫的顯示，但仔細觀察後，我意識到它們實際上是非常寬的JPEGS，它們以各種角度觀看，以各種方式左右移動以創建動畫運動的印象。

這是如何實現的？我想這是一種JavaScript的做法，但是如果有人能夠用一些代碼來解釋這些基礎知識，我將不勝感激。

非常感謝！

2012-08-09 Casper F

固定大小格，背景圖片和背景的位置變化Maked它。
檢查在這裏： http://jsfiddle.net/LLAlive/NX2FG/

2012-08-09 11:26:12 LLAlive

解釋這很好，謝謝！我遇到的唯一問題是 - 我嘗試使用這個稍大的圖像，它不工作。你知道這是否有最大尺寸？問候！ – 2013-04-23 08:40:02

你需要搜索的關鍵字是css sprites，而且這裏有一個很好的解釋：http://css-tricks.com/css-sprites/

2012-08-09 10:38:23 paul

沒有CSS精靈叫，因爲它們是由CSS（ERGO，由上/下/左/右屬性，懸停改變）命令？ – 2012-08-15 17:00:02

上面的例子更多的是與創建一個'旋轉木馬'效果的JavaScript，如@LLAlive – 2012-08-15 17:01:11

回答