故南

Typecho简单加入css实现评论头像旋转
这篇教程是教大家如何添加Typecho评论头像旋转特效,只要是后台外观设置可以自定义添加css代码亲测可用,但是不...
扫描右侧二维码阅读全文
09
2019/04

Typecho简单加入css实现评论头像旋转

这篇教程是教大家如何添加Typecho评论头像旋转特效,只要是后台外观设置可以自定义添加css代码亲测可用,但是不一定每款主题都适用,下面提供CSS代码仅供参考

代码:

主题的 main.css 或 ( 外观-自定义-额外CSS)下增加下列代码:

/*头像旋转*/
.avatar{
-webkit-transition:0.4s;
-webkit-transition:-webkit-transform 0.4s ease-out;
transition:transform 0.4s ease-out;
-moz-transition:-moz-transform 0.4s ease-out;
}
.avatar:hover{
transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-moz-transform:rotateZ(360deg);
}

测试图如下:
请输入图片描述

该文章借鉴 李野博客 WordPress简单加入css实现评论头像旋转

Last modification:April 9th, 2019 at 06:54 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment