头像旋转css

 #user_tx{
    margin: 0 auto;
    border-radius:100px;
    -webkit-animation:run 6s linear 0s infinite;
}
#user_tx:hover{
    -webkit-animation-play-state:paused;
}
@-webkit-keyframes run{
    from{
        -webkit-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
    }
}
举个例子:
<img id="user_tx" src="http://q4.qlogo.cn/headimg_dl?dst_uin=1900432277&spec=100">

相关推荐

发表评论

路人甲

网友评论(0)