0

我正在尝试使用 jQuery UI Slider 在我的旋转类中更改 css3 样式:

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

-webkit-animation: rotate 0.1s linear infinite;

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 + '%');
}
});
4

0 回答 0