向重复的背景图像纹理CSS3添加旋转

Question

是否可以将旋转添加到重复的背景图像纹理中？-我的意思不是旋转元素本身，而是旋转元素的背景图像？

我想知道CSS3是否可以做到这一点？

这将主要用于动画，因为您可以通过jQuery动画背景图像的旋转。

Answer 1

我不认为背景图像旋转在任何浏览器中都存在。但是，您可以使用动画gif来实现此效果。或者可以通过编写jQuery来执行以下操作...

• 创建一系列代表动画的图像(例如，图像的北、东北、东、东南、西、西和西北版本)
• 让jQuery事件计时器每n毫秒启动一次，并替换背景图像

你可以在这里看到一个动画的gif作为一个重复的背景图像工作。

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

查看源代码并抓取/images/animation.gif以查看其工作原理。

注意:与动画gif相比，花一点时间使用jQuery将提供更平滑的结果。尤其是如果你想让你网站的访问者能够与动画互动。