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

记录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 Nulled WordPress Themes
Free Download WordPress Themes
Download Nulled WordPress Themes
lynda course free download
download coolpad firmware
Download Best WordPress Themes Free Download
download udemy paid course for free

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

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

评论 1

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

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

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