我正在尝试使用 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 + '%');
}
});