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

言曌 2017年01月24日09:30:21 1 2552 views

博主分享免费Java教学视频，B站账号：Java刘哥，长期提供技术问题解决、项目定制：本站商品点此

执行本文操作有个前提，即得在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、进行保存
在执行以上操作后即可在多说评论框中实现圆形旋转头像功能了。