年轻,偏要勉强
  • [06-18] 6月17至18号期间数据库宕机,用户数据丢失!
       私信  |   友情链接  |   广告投放  /   RSS订阅
  • WordPress css样式简单实现头像旋转

    [收起] 文章目录

    更新于2018-05-13,如已失效联系博主!

    这篇教程是教大家如何添加WordPress评论头像旋转特效,但是每一款主题对应的头像类选择器的名称不一致,不一定都适用,可以通过更改类名实现功能,下面提供CSS代码仅供参考。

    代码摘抄

    主题的 main.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);
    }
    未经允许不得转载:老莫博客 » WordPress css样式简单实现头像旋转
    标签:
     打  赏

    评论区 - 4

    1. 2楼

      头像旋转感觉没啥用啊!

      夏目贵志1    1个月前 (05-16)   福建移动 |  谷歌浏览器 |  Windows 10
      • @夏目贵志 :razz: 你头像转的可以阿

        老莫站长1个月前 (05-16)   福建福州电信 |  谷歌浏览器 |  Windows 10
    2. 1楼

      过分,早上看的时候不是这样的 :grin:

      小学长1    1个月前 (05-13)   广东广州联通 |  谷歌浏览器 |  Windows 10
      • @小学长 :razz: 什么东西不是这样子的

        老莫站长1个月前 (05-13)   福建福州电信 |  谷歌浏览器 |  Windows 10