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

Question

我目前有这个代码

-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 来执行此操作。

谢谢

Answer 1

你可以用CSS 动画来做到这一点，这取决于你需要多少兼容性。

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);
    }
}

在此处查看演示