查找当前主题下的style.css。CSS文件按照主题自行选择或许名称不符。找到以下代码:

  <pre>1 </pre>

  <pre>#comments .comment-author .avatar{display:block;float:left;width:40px;height:40px;margin:1.4rem 1rem 0 0;border-radius:50%} </pre>

  修改为:

  <pre>1 2 </pre>

  <pre>#comments .comment-author .avatar{display:block;float:left;width:40px;height:40px;margin:1.4rem 1rem 0 0;border-radius:50%;transition: all 0.5s} #comments .comment-author .avatar:hover{transform:rotate(360deg)} </pre>

  即可大功告成@(太开心)

  具体演示疗效,可参照本博客评论头像,如果你和我一样使用Hran的主题,可以直接查找替换。

  transition: all 0.5s是表示旋转在0.5秒内完成,可自行更改速率

  transform: rotate(360deg)表示图片旋转360度,可自行更改

  到处逛博客圈,又发觉很多好东西,赶紧收藏上去,感谢Destined博主的奉献!

  Typecho免插件实现博主认证

  打开comments.phptypecho 头像旋转typecho 头像旋转,找到下边这条代码:

  <pre>1 </pre>

  <pre> </pre>

  在上面加上如下代码:

  <pre>1 2 3 4 5 6 7 8 9 10 </pre>

  <pre> </pre>

  Typecho留言加上@

  打赏

最后修改:2020 年 12 月 13 日 03 : 22 AM
如果觉得我的文章对你有用,请随意赞赏