如何让鼠标覆盖按钮的时候，按钮图片旋转一周？

Question

Answer 1

    img{
        transition: .5s;
    }
    img:hover{
        transform: rotate(360deg);
        -ms-transform:rotate(360deg); /* Internet Explorer */
        -moz-transform:rotate(360deg); /* Firefox */
        -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
        -o-transform:rotate(360deg); /* Opera */
    }

楼上是转了之后不转回去，我的是转了之后鼠标移开再转回去>^-^<

Answer 2

假设按钮的图片class 是img_btn
css

.img_btn:hover{
    transform: rotate(360deg);
    -ms-transform:rotate(360deg); /* Internet Explorer */
    -moz-transform:rotate(360deg); /* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); /* Opera */
    transition: .5s; // 过渡动画
}