WordPress评论头像旋转特效教程分享

  • A+
所属分类:wordpress

今天逛吾爱破解论坛的时候,看到了这篇关于WordPress评论头像旋转特效教程,觉得对于爱美的站长来说还是有点用的,所以就分享过来了。

WordPress评论头像旋转特效教程分享

教程介绍:

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

代码预览:

将以下CSS代码放到你使用主题的CSS文件中,一般添加到style.css(也许你主题公共CSS文件不是这个,具体哪个文件请自行查看)

  1. /*头像旋转*/
  2. .avatar{
  3.         -webkit-transition:0.4s;
  4.         -webkit-transition:-webkit-transform 0.4s ease-out;
  5.         transition:transform 0.4s ease-out;
  6.         -moz-transition:-moz-transform 0.4s ease-out;
  7.         }
  8. .avatar:hover{
  9.         transform:rotateZ(360deg);
  10.         -webkit-transform:rotateZ(360deg);
  11.         -moz-transform:rotateZ(360deg);
  12. }
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • avatar 李盛奎博客 0

      加上后给人很炫酷的感觉!