將旋轉添加到重複的背景圖像紋理CSS3

Question

是否可以將旋轉添加到重複的背景圖像紋理？ - 我不是要旋轉元素本身，而是旋轉元素的背景圖像？

我想知道這是可能的CSS3？

這將主要用於動畫，因爲您可以通過jQuery動畫化背景圖像的旋轉。

Answer 1

我不認爲background-image-rotate在任何瀏覽器中都存在。但是，您可能可以通過動畫gif來實現此效果。或者，也許通過編寫jQuery來執行以下操作...

• 創建一系列代表動畫的圖像（如北，東，東，南，東，南，西，西，西，西）圖像）的
• 有一個jQuery事件定時器打完折每n毫秒，更換背景圖片

你可以看到一個GIF動畫工作作爲這裏重複背景圖片...

http://acarna.com/test-animation.php

查看源代碼並獲取/images/animation.gif以查看它是如何工作的。

注意：使用jQuery花費的時間會比使用動畫gif的效果更平滑。特別是如果您希望網站的訪問者能夠與動畫進行互動。