相关疑难解决方法(0)

在这个例子中; 我正在尝试使用css3 rotate属性创建一个jQuery动画.我可以使用css3 transition和jQuery 来管理这个动画css()但是我想用jQuery animate()根据我的jQuery variatons来旋转deg值.

是否可以使用jQuery 1.8.0的css3属性值进行动画处理？

这是jsFiddle检查.

jQuery的:

var rotateVal = 90;

//this method isn't working
$('.red').animate({
    'transform':'rotate('+rotateVal+'deg)'
},500);


//this way works but i don't want to do this with transitions
$('.black').css({
    'transform':'rotate('+rotateVal+'deg)',
    'transition':'1s'
});?

HTML:

<span class="black"></span>
<span class="red"></span>

编辑:已删除供应商前缀,例如-webkit-.感谢Kevin B.