Javascript 自动从-9度旋转到9度

我现在有这个代码

-webkit-transition: 0.9s;
-webkit-transform: rotate(-9deg);
-moz-transition: 0.9s;
-moz-transform: rotate(-9deg);
-o-transition: 0.9s;
-o-transform: rotate(-9deg);
-ms-transition: 0.9s;
-ms-transform: rotate(-9deg);

我想这样我的图像将旋转到-9，然后到9，然后重复自己一遍又一遍。因此，当有人在现场时，它只会从-9度旋转到9度

编辑：我被告知需要JavaScript来完成这项工作，所以我现在正在寻找一些JavaScript来完成这项工作

谢谢

根据您的需要，您可以使用

div {
    -webkit-animation-duration: 0.9s;
    -webkit-animation-name: ninetonine;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate-reverse;
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes ninetonine {
    from {
        -webkit-transform: rotate(9deg);
    }
    to {
        -webkit-transform: rotate(-9deg);
    }
}

---

javascript将帮助您在-9和+9之间切换时需要一些js。css本身是不可编程的，不能做这种事情，尽管CSS3规范中有某种动画功能。有人有javascript代码可以做这件事吗？我希望你有很好的理由使用它。永久移动的对象通常被认为是糟糕的网页设计，因为它会分散注意力。这就是我们所有flash网站的特点。我喜欢这一个，但它在Firefox中有缺陷，有修复吗？@iKeirNez:这是一个在FF中运行良好的实现≥16: . 对于其他浏览器，您需要添加浏览器前缀或javascript回退。