全百科精品资源分享
免费优质资源下载平台

记录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);
}
Premium WordPress Themes Download
Download WordPress Themes
Premium WordPress Themes Download
Download Premium WordPress Themes Free
ZG93bmxvYWQgbHluZGEgY291cnNlIGZyZWU=
download coolpad firmware
Free Download WordPress Themes
udemy free download

搜一下 获取更多

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0)
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com全百科网 » 记录WordPress添加评论者头像旋转功能 纯代码实现

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-499

    WordPress评论头像旋转特效演示!

    全百科推广 3个月前 (11-09) 来自天朝的朋友 搜狗浏览器 Windows 7 回复