我正在通过 css3 旋转图像transform
#services .info img{
-ms-transform: rotate(0deg) rotateY(0); /* IE 9 */
-webkit-transform: rotate(0deg) rotateY(0); /* Safari and Chrome */
-o-transform: rotate(0deg) rotateY(0); /* Opera */
-moz-transform:rotate(0deg) rotateY(0); /* Firefox */
transform: rotate(0deg) rotateY(0);
}
#services .info img:hover{ -ms-transform: rotate(360deg) rotateY(0); /* IE 9 */
-webkit-transform: rotate(360deg) rotateY(0); /* Safari and Chrome */
-o-transform: rotate(360deg) rotateY(0); /* Opera */
-moz-transform:rotate(360deg) rotateY(0); /* Firefox */
transform: rotate(360deg) rotateY(0); transition:.3s;
}
问题是当我将鼠标悬停在元素之外时图像没有旋转回来。