从父级旋转子元素：悬停

Question

这是一个我无法弄清楚的小元素，我希望这里的集体知识可以指引我朝着正确的方向发展。

当用户将鼠标悬停在div上时，我想在div中旋转图像。可以在此处找到代码的示例：http://jsfiddle.net/mashby/eCzmj/

现在，通过将鼠标悬停在图像本身而不是整个div上来触发动画。

不知道是否有可能做我想做的事情，但提前感谢任何确认或建议！

Answer 1

您的CSS似乎有问题

您正在使用#animate img:hover，这意味着您将在img悬停时将其应用于#animate:hover img。

当父img悬停时，请尝试(#animate)将样式应用于{{1}}元素。

Answer 2

有可能。总体思路：

#btnAgendaSettings img, #btnMinutesSettings img {
    transform: inherit;
}

.button-gray:hover, .button-gray:focus {
    transform: rotate(360deg);
}