Javascript css，使用rotate和jquery返回初始位置

我使用一个类，使图片旋转

这个班看起来像那样

.zodiac_rotate {
    -webkit-animation:spin 15s linear infinite;
    -moz-animation:spin 15s linear infinite;
    animation:spin 15s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

我还尝试使用jquery进行旋转，但在css中我看到它更流畅，所以我决定只在css中进行旋转

现在，使用jquery，我想在鼠标悬停在图片上时停止旋转。我做了一个小javascript，效果很好：

 $('#zodiac').hover(function(){
     $(this).removeClass('zodiac_rotate');
      },function(){
          $(this).addClass('zodiac_rotate');
       })

我遇到的问题是位置，我希望当我们将鼠标移到图像上时，它保持在它的位置，当我移除类时，它会像原始位置一样移动，因此效果不是很好

---

任何帮助都将不胜感激。

请使用jquery进行如下轮换：

$('#zodiac').hover(function(){
  $(this).css('transform','rotate(0deg)');
});

---

使用jquery进行如下旋转：

$('#zodiac').hover(function(){
  $(this).css('transform','rotate(0deg)');
});

---

使用jquery进行如下旋转：

$('#zodiac').hover(function(){
  $(this).css('transform','rotate(0deg)');
});

---

使用jquery进行如下旋转：

$('#zodiac').hover(function(){
  $(this).css('transform','rotate(0deg)');
});

你可以用它

你可以用它

你可以用它

你可以用它

---

当你将鼠标移到它上面时，你想减速到原来的位置吗？当你将鼠标移到它上面时，你想减速到原来的位置吗？当你将鼠标移到它上面时，你想减速到原来的位置吗？非常酷，一切都很好，非常感谢你的帮助，我很欣赏非常酷，一切正常，非常感谢你的帮助，我非常感谢你的帮助，我非常感谢你的帮助，非常感谢你的帮助，我非常感谢你的帮助，非常感谢你的帮助，我非常感谢