使用jQuery滑块UI更改类样式

Question

我正在尝试使用jQuery UI Slider来更改我的rotate类中的css3样式：

所以改变幻灯片 -webkit-animation: rotate 10s linear infinite;

到

-webkit-animation: rotate 0.1s linear infinite;

0.1是最高值，10s是最低值

需要为动画和-moz-执行此操作以实现交叉broswer兼容性。不知道这里有多少步骤，但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 + '%');
}
});