css实现图片 头像旋转

libo

.avatar{display:block;float:left;width:40px;height:40px;margin:1.4rem 1rem 0 0;border-radius:50%;transition: all 0.5s}

transition: all 0.5s 让旋转在0.5s内完成。

鼠标移动到图片后旋转

.avatar:hover{transform:rotate(360deg)}

transform:rotate(360deg) 旋转360°