<p>本博客现在用的是Mirages主题,需要在theme.min.css文件中找到以下代码:</p><pre>.avatar{float:left;margin:0 .625rem 0 0;border-radius:3.125rem;width:3.125rem;height:3.125rem;background-color:#f0f0f0}
</pre><p>修改为:</p><pre>.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)}
</pre><p>即可大功告成!
具体演示效果,可参照本博客评论头像。</p><p>【transition: all 0.5s】是表示旋转在0.5秒内完成,可自行修改速度
【transform: rotate(360deg)】表示图片旋转360度,可自行修改</p>

最后修改:2019 年 03 月 20 日 09 : 42 AM