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

<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>

Comments : 29

  1. 始于颜值忠于你

    试试?还不错呢@(滑稽)

  2. 44
    44 回复

    @(呵呵)

  3. 笑因年少

    @(呵呵)测试

  4. Eleven

    测试回复邮件

  5. 剪板机

    好文 学习 了

  6. 压力机

    您好,您的网站做的很不错,很漂亮

  7. 剪板机

    受教了!好文

  8. 姜辰

    没有转啊。。@(笑眼)

      1. 小白痴

        就不让你看!

  9. 压力机

    您好,您的网站做的很不错,很漂亮,我已经收藏了,方便我随时访问.

  10. 弋牧

    怎么感觉你主题换的很频繁呢

      1. 小白痴

        不会写文章就换主题玩呗@(笑眼)

          1. 弋牧

            你这里头象不能旋转吧?

              1. 小白痴

                不能,我没改

  11. Queensland Assignment

    我也要试一试

  12. 替天行盗

    好文,拜读,以后常看学习。

  13. 苏筱熙
    苏筱熙 回复

    怎么调试获取头像呀,我的都是裂掉的...

      1. 小白痴

        地址呢?

          1. 苏筱熙

            因为裂掉了 所以我就给取消了,还有你这个邮箱通知的模板可以给我发一下吗?

              1. 小白痴

                https://www.xiaobaichi.com/90.html

                  1. 苏筱熙

                    大佬 我评论通知插件不晓得怎么无法使用了 按照设置没问题的 但测试邮件一直不能发。

  14. 任务易
    任务易 回复

    同样来试试

  15. 思绪的空中生活

    我来转一转@(勉强)

      1. 小白痴

        欢迎

  16. 欢

    不会

  17. 企业管理培训

    被安利了

  18. gulangyu

    首页绿标小锁怎么变灰了 @(喷)

      1. 小白痴

        不知道什么情况,没啥影响,无视即可。。

  19. gulangyu

    我来试试看 @(滑稽)

发表留言

人生在世,错别字在所难免,无需纠正。