jq动画里这样写css属性

关于JQ中使用旋转动画效果

最近在做练习的过程中,用到了CSS3的3D旋转,想用JQ animate中控制旋转角度,但是发现transform一到JQ里面就啥啥啥不好使,神烦。

在网上查了很多资料,发现JQ animate还有高阶用法,用类似:

$(".wrap").animate({deg1: degX}, {
duration: 500,
step: function (now2, fx2) {
$(this).css('-webkit-transform', 'rotateX(' + now2 + 'deg) rotateY(' + degY + 'deg)');
}
});

这样的方法可以实现,但是用的还是一脸迷茫。

记得点赞,收藏起来哦!不然下次找不见了呢!