I have the following code:
img:hover {
-webkit-animation:spin 0.5s linear forwards;
-moz-animation:spin 0.5s linear forwards;
animation:spin 0.5s linear forwards;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotatey(360deg);
}
}
@-webkit-keyframse spin {
100% {
-webkit-transform: rotatey(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotatey(360deg);
transform:rotatey(360deg);
}
}
我有一张图片,当鼠标悬停在上面时,它会自行旋转。我希望在鼠标离开时同样出现相同的效果。
如何实现这个效果?