使用css或jquery仅旋转背景图像

我有以下标签：

<div class="outer-img">
   <div class="inner-circle">
     <image src..../>
   </div>
</div>

---

我只想旋转鼠标旋转的外侧

div

，图像将跟随鼠标，请帮助我。

您只需以相反的方式旋转内侧

div

元素。如果要将外部

div

元素旋转

90度

，只需同时将

-90度

旋转到内部

div

在下面的演示中，我在

.outer img

元素中添加了一个红色的上边框，在

.internal circle

元素中添加了一个蓝色的下边框，以显示

.outer img

旋转，而

.internal circle

似乎保持在同一位置

div{
高度：100px；
宽度：100px；
}
.外部img{
边框顶部：1px实心#f00；
}
.内圈{
边框底部：1px实心#00f；
}
.外部img：悬停{
-webkit变换：旋转（90度）；
-莫兹变换：旋转（90度）；
变换：旋转（90度）；
}
.外img：悬停。内圆{
-webkit变换：旋转（-90度）；
-莫兹变换：旋转（-90度）；
变换：旋转（-90度）；
}

您没有

外部div

元素，您的意思是

外部img

？你还应该发布你现有的CSS，这样人们就可以看到你是如何在你的图像中构建圆圈的。其他人错误地将其编辑为

outer div

，而不是“outer div”。我重新编辑了。你做的和我做的一样，虽然我在重新阅读零件图像后停止了，但在我看来，他们在问我如何使蓝色部分跟随鼠标，这使这个问题更难100倍。好吧，这是件好事，真正好的主意旋转90度，旋转90度，在此期间，我需要继续轮换。。沿着鼠标旋转，我能做什么我需要这样但是。。。从{-'moz-transform:rotateZ（0deg）；}到{-moz-transform:rotateZ（-360deg）；}'