jquery - jQuery スライダー UI を使用してクラス スタイルを変更する

Question

jQuery UI Slider を使用して、回転クラスの css3 スタイルを変更しようとしています:

スライドチェンジで -webkit-animation: rotate 10s linear infinite;

に

-webkit-animation: rotate 0.1s linear infinite;

0.1 が最高値で、10 が最低値です。

そして、アニメーションのためにこれを行う必要があり、クロスブラウザの互換性のために -moz- を行う必要があります。ここで何ステップかわかりませんが、10 でうまくいくはずですか?

.rotate{ 
 background: url(images/rotate.png) no-repeat;
 position: absolute;
 width: 350px;
 height: 350px;
 margin: 0;
 left: -50px;
 top: -50px;
 -webkit-animation: rotate 10s linear infinite;
 animation: rotate 10s linear infinite;
 -moz-animation: rotate 10s linear 0s infinite;
}

私はこのコードを見つけました：

$(function() {
$('.slider').slider({
    value:0,
    min: 0,
    max: 9,
    slide: handleSliderChange
});

function handleSliderChange(event, slider){
          $('.rotate').css('width', slider.value + '%');
}
});