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

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

发表评论

目前评论:1