如何使TYPECHO博客评论头像旋转

本博客现在用的是Mirages主题，需要在theme.min.css文件中找到以下代码：

.avatar{float:left;margin:0 .625rem 0 0;border-radius:3.125rem;width:3.125rem;height:3.125rem;background-color:#f0f0f0}

修改为：

.avatar{float:left;margin:0 .625rem 0 0;border-radius:3.125rem;width:3.125rem;height:3.125rem;background-color:#f0f0f0;transition: all 0.5s}.avatar:hover{transform:rotate(360deg)}

即可大功告成！
具体演示效果，可参照本博客评论头像。

【transition: all 0.5s】是表示旋转在0.5秒内完成，可自行修改速度
【transform: rotate(360deg)】表示图片旋转360度，可自行修改