!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>网站评论区头像添加旋转效果(旋转头像特效)

网站评论区头像添加旋转效果(旋转头像特效)

每次浏览一些网站时当我们的鼠标滑过评论区时评论者的头像都会滴溜溜地旋转起来,感觉这个效果特别的酷炫,对于任何一个喜欢折腾的WPer来说,如果不将这效果添加到自己的网站上去似乎都不像话。自己从网上搜了好长时间代码,但是发现很多代码都不管用,无奈自己只好在一些现有代码的基础上学习改动,最终让我搞出来了这个效果,如果你也想在自己的网站上添加这个效果不妨也来试试。

网站评论区头像添加旋转效果(旋转头像特效)

我所使用的主题是DUX主题,这次对主题的修改也仅仅改动了main.css这一个文件,大家在修改前做好文件的备份。对于其他的主题可能需要添加下面的代码到style.css文件中去,当然对于一些主题可能也像DUX主题一样有单独的主样式文件,我们只需要将下面的代码添加到该文件中即可。

这段代码是对Gravatar头像实现的头像旋转效果,如果你的主题不支持Gravatar头像这个效果可能不起作用,另外如果你想申请一个Gravatar头像并设置自己的个性化头像的话可以参考我之前文章:WordPress站点全球通用Gravatar头像注册

给TA打赏
共{{data.count}}人
人已打赏
网站运维

DUX全站底部推广区修改

2022-9-20 12:31:35

网站运维

使用英文字符为网站链接命名,避免后期不必要的麻烦

2022-9-20 12:32:11

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 2651636361@qq.com 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索