CSS在化身图像上以相反方向旋转2个图像

将鼠标悬停在中心图像上时，应同时在相反方向上设置两个圆形部分的动画。到目前为止，我只通过将两个对象分开悬停来分别设置它们的动画

目标如下：

这是我的密码笔：

---

您应该使用

：将
悬停在
a#rotator
上：

a#rotator:hover > img{ 
 -webkit-transform: rotate(-360deg); 
 -moz-transform: rotate(-360deg); 
 -o-transform: rotate(-360deg);
 -ms-transform: rotate(-360deg); 
}

a#rotator:hover span img{ 
 -webkit-transform: rotate(360deg); 
 -moz-transform: rotate(360deg); 
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg); 
}