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

avatar 2017年01月24日09:30:21 1 2223 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、进行保存
在执行以上操作后即可在多说评论框中实现圆形旋转头像功能了。
  • 微信
  • 交流学习,有偿服务
  • weinxin
  • 博客/Java交流群
  • 资源分享,问题解决,技术交流。群号:590480292
  • weinxin
avatar

发表评论

avatar 登录者:匿名
匿名评论,评论回复后会有邮件通知

  

已通过评论:0   待审核评论数:0