在悬停div上旋转图像

Question

我试图确保当我悬停父母时<div>,<img>div内部应该旋转360度(例如,将文本悬停在其间,或者中间的空间也应该旋转图像)

这是我的JSFiddle - http://jsfiddle.net/FmLbd/

我认为它可能是非常简单的东西,但我似乎无法弄清楚要改变什么才能使这个"简单"的效果起作用.

Answer 1

只需将您的CSS更改为:

div:hover .rotate {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

代替:

.rotate {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

希望这可以帮助!

JSFiddle示例