此代码允许我在鼠标悬停在其中一个上时慢慢旋转图像。
.foo img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.foo img:hover {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
适用于FF18和Opera。但是,我无法让它在IE9上工作,即使-ms-transform应该是正确的解决方案。
IE9就好像没有特定的css img:hover
规则。
任何提示?
感谢