jquery 控制css样式 旋转动画

可以使用jQuery的css()方法和animate()方法来控制CSS样式旋转动画。首先，使用css()方法将要旋转的元素设置为绝对定位，然后使用animate()方法来改变元素的transform属性，从而达到旋转的效果。例如：

HTML代码：

<div id="box"></div>

CSS代码：

#box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background-color: red;
}

jQuery代码：

$(document).ready(function() {
  $('#box').css({
    'transform-origin': '50% 50%',
    'transform': 'rotate(0deg)'
  }).animate({
    'transform': 'rotate(360deg)'
  }, 1000);
});

在上面的代码中，我们使用了jQuery的css()方法将要旋转的元素设置为绝对定位，并将transform-origin属性设置为元素中心点，将transform属性设置为旋转0度。然后使用animate()方法改变transform属性，将元素旋转360度，完成旋转动画。