记录WordPress添加评论者头像旋转功能 纯代码实现

教程介绍

这篇教程是教大家如何添加WordPress评论头像旋转特效，但是不一定每款主题都适用，下面提供CSS代码仅供参考。

效果演示

请查看（鼠标触及）本文评论者头像即可。

代码预览

将以下CSS代码放到你使用主题的CSS文件中，一般添加到style.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);
}