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

小白痴 2017-4-10 907 4/10

本博客现在用的是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度，可自行修改

- THE END -

最后修改：2017年4月10日

非特殊说明，本博所有文章均为博主原创。

如若转载，请注明出处：https://xiaobaichi.com/89.html

本站使用的评论邮件回复模板

如何让typecho支持PHP7

共有 29 条评论

始于颜值忠于你
试试？还不错呢@(滑稽)

2018-10-29 06:49 回复
44
@(呵呵)

2018-05-24 00:42 回复
笑因年少
@(呵呵)测试

2018-05-03 06:41 回复
Eleven
测试回复邮件

2017-11-16 08:34 回复
剪板机
好文学习了

2017-08-27 14:40 回复
压力机
您好，您的网站做的很不错，很漂亮

2017-07-17 14:08 回复
剪板机
受教了！好文

2017-07-16 15:49 回复
姜辰
没有转啊。。@(笑眼)

2017-07-14 16:44 回复
1. 小白痴博主
  @姜辰：就不让你看！
  
  2017-07-16 17:07 回复
压力机
您好，您的网站做的很不错，很漂亮，我已经收藏了，方便我随时访问.

2017-06-06 15:05 回复
弋牧
怎么感觉你主题换的很频繁呢

2017-05-28 18:05 回复
1. 小白痴博主
  @弋牧：不会写文章就换主题玩呗@(笑眼)
  
  2017-05-29 18:33 回复
  1. 弋牧
    @小白痴：你这里头象不能旋转吧？
    
    2017-05-30 20:34 回复
    1. 小白痴博主
      @弋牧：不能，我没改
      
      2017-06-04 16:51 回复
Queensland Assignment
我也要试一试

2017-05-26 20:53 回复
替天行盗
好文，拜读，以后常看学习。

2017-05-26 13:08 回复
苏筱熙
怎么调试获取头像呀，我的都是裂掉的…

2017-05-25 12:53 回复
1. 小白痴博主
  @苏筱熙：地址呢？
  
  2017-05-29 18:33 回复
  1. 苏筱熙
    @小白痴：因为裂掉了所以我就给取消了，还有你这个邮箱通知的模板可以给我发一下吗?
    
    2017-05-29 22:31 回复
    1. 小白痴博主
      @苏筱熙： https://www.xiaobaichi.com/90.html
      
      2017-06-04 17:41 回复
      1. 苏筱熙
        @小白痴：大佬我评论通知插件不晓得怎么无法使用了按照设置没问题的但测试邮件一直不能发。
        
        2017-06-04 18:48
任务易
同样来试试

2017-04-17 15:28 回复
思绪的空中生活
我来转一转@(勉强)

2017-04-13 06:34 回复
1. 小白痴博主
  @思绪的空中生活：欢迎
  
  2017-05-29 18:34 回复
欢
不会

2017-04-13 00:46 回复
企业管理培训
被安利了

2017-04-11 18:22 回复
gulangyu
首页绿标小锁怎么变灰了 @(喷)

2017-04-11 18:09 回复
1. 小白痴博主
  @gulangyu：不知道什么情况，没啥影响，无视即可。。
  
  2017-04-11 21:03 回复
gulangyu
我来试试看 @(滑稽)

2017-04-11 18:07 回复