使用jQuery滑块UI更改类样式

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

所以就换幻灯片吧

-webkit动画：旋转10s线性无限

到

-webkit动画：旋转0.1s线性无限

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

为了动画和-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 + '%');
}
});

如果您正在寻找旋转..您可以检查一下..您好，我正在寻找使用jquery ui slider来更改我的css3旋转中的值，以便它在滑块上升时旋转得更快。