1

私は現在このコードを持っています

-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 を探しています。

ありがとう

4

1 に答える 1

3

必要な互換性に応じて、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);
    }
}

ここでデモを見る

于 2013-02-15T17:24:32.623 に答える