前言

  前段时间仍然在学习研究多说评论框CSS,发现几乎每位人自定义的CSS都有这么一条命令,就是键盘置于头像上头像会360度旋转,这真是个很好玩的地方。可是我没有使用多说评论系统,而且我试着直接搬代码进来typecho 头像旋转,失败了。也不知道是不是我哪步弄错了。在我自己的一番瞎搞下!我竟然搞成功了!原来使Typecho评论框的头像动起来是这么简略。

  方法

  在当前主题下的 style.css 找到以下代码:

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

  修改为一下代码:

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

  常见问题部份主题或许代码有所差别typecho 头像旋转,不明白可以留言transition: all 0.5s 是表示旋转在0.5秒内完成,可自行更改速率transform: rotate(360deg)表示图片旋转360度,可自行更改

Last modification:December 12th, 2020 at 09:07 am
如果觉得我的文章对你有用,请随意赞赏