css实现图片 头像旋转

libo

[md]
```
.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°
[/md]