1

重複の可能性:ホバー時
の連続的な CSS 回転アニメーション、ホバーアウト時のアニメーションで 0 度に戻る

連続して回転する正方形が欲しいです。私はこのコードを持っています:

var gearBig = $('.gear-big');

gearBig.css({
    'transform': 'rotate(42deg)',
    '-moz-transform': 'rotate(42deg)',
    '-o-transform': 'rotate(42deg)',
    '-webkit-transform': 'rotate(42deg)'
});

このコードに間隔を入れるにはどうすればよいですか? ギアビッグが回転し続けていること？

ありがとうございました

4

2 に答える 2

2 
var deg = 0;

setInterval(rotate_my_big_ass_gear, 100);

function rotate_my_big_ass_gear() {
    $('.gear-big').css({
        'transform': 'rotate(' + (deg++) + 'deg)',
        '-moz-transform': 'rotate(' + (deg++) + 'deg)',
        '-o-transform': 'rotate(' + (deg++) + 'deg)',
        '-webkit-transform': 'rotate(' + (deg++) + 'deg)' //adds 4 on each iteration
    });
}​

フィドル

于 2012-12-21T09:02:27.800 に答える
2

JQuery Rotateのようなプラグインを使用できます

于 2012-12-21T08:59:02.457 に答える