逛到别人博客头像有旋转效果,挺不错整一个。
其实就是css3动画,鼠标放上顺时针旋转,离开逆时针旋转回原位。

img{
    border: #000 solid 2px;
    display: block;
    margin: 50px auto;
    border-radius: 50%;
    transition: all 2.0s;
    }
img:hover{
    transform: rotate(360deg);
    }

transition: all 2.0s;其中"2.0s"表示变换时间;
transform: rotate(360deg);"360deg"表示图片旋转角度。