如何使用Javascript + CSS分割圖像？

Question

我有像這樣的：

我想把它分成六個正方形，我可以一直循環顯示動畫。 你有什麼想法來分割圖像的JS + CSS而不是使用6個獨立的圖像文件。

Answer 1

這裏的an article from SitePoint關於使用jQuery的精靈動畫。

Answer 2

它設置爲背景圖片和manipule背景位置。

更新：如上所述，該技術被稱爲CSS Sprites。搜索animation with css sprites的谷歌出現了一些好的結果。

Answer 3

至少有兩種技術

• 使用圖像作爲背景
• 使用CSS剪輯

Here是使用第一種技術的一個很好的例子。