wordpress如何在多说评论框中设置圆形旋转头像？

来源：互联网发布：华为如何下载软件编辑：程序博客网时间：2024/05/27 00:32

执行本文操作有个前提，即得在WordPress中添加多说评论插件，当然，如果没有安装同样可以根据css代码在其他评论框架上设置圆形旋转头像。
那么现在直接进入主题：如何在多说评论框中设置圆形旋转头像？
1、登录WordPress后台找到”多说评论”一栏中的子栏目”个性化设置”

2、在自定义css中添加以下css代码：

#ds-reset .ds-avatar img{width:54px;height:54px;border-radius:27px;-webkit-border-radius:27px;-moz-border-radius:27px;box-shadow:inset 0 -1px 0 #3333sf;-webkit-box-shadow:inset 0 -1px 0 #3333sf;transition:transform 0.4s ease-out;-webkit-transition:0.4s;-moz-transition:-moz-transform 0.4s ease-out}#ds-reset .ds-avatar img:hover{box-shadow:0 0 10px white;-webkit-box-shadow:0 0 10px white;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg)}

3、进行保存
在执行以上操作后即可在多说评论框中实现圆形旋转头像功能了。

效果可以至点此

0 0