WordPress教程 简单代码实现为评论者头像添加旋转功能增加娱乐效果

前言

wordpress网站评论者头像旋转功能，相信大家都见过这效果吧，很多博客里面都有，就是鼠标经过评论者头像时，头像会旋转，具体效果可以用鼠标经过本站作者头像就看到了。

好了，废话不多说，下面直接上代码

教程：

将以下CSS代码放到你使用主题的CSS文件中，我是DUX主题所以添加到了min.css中（ripro主题可以添加到diy.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);
}

注：

以上代码不一定每款主题都适用，上面提供的CSS代码仅供参考。

感谢您的访问，Ctrl+D收藏本站吧。