提供免费源码,免费软件
分享免费技术文档
阿里去促销活动

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

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

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

教程:

将以下CSS代码放到你使用主题的CSS文件中,我是DUX主题所以添加到了min.css中(ripro主题可以添加到diy.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代码仅供参考。

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:蓝米兔 » WordPress教程 简单代码实现为评论者头像添加旋转功能

分享到: 更多 (0)
腾讯云秒杀活动

热门文章

  • 评论 抢沙发

    评论前必须登录!

    立即登录   注册

    切换注册

    登录

    忘记密码 ?

    切换登录

    注册

    我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活