评论列表css样式,评论框CSS样式修改

部分修改可以在WordPress连接微博专业版插件的评论设置–评论设置–CSS调整中添加，如果比较多建议写在主题的style.css文件中。

1、评论框背景色

#pinglun-container{background-color:#fff;}

2、评论头像圆角

#pinglun-container img.avatar-36 {

border-radius: 18px;

-webkit-border-radius: 18px;

-moz-border-radius:18px;

box-shadow: inset 0 -1px 0 #3333sf;

-webkit-box-shadow: inset 0 -1px 0 #3333sf;

}

3、评论头像圆角，并且鼠标悬浮时:图像进行360度旋转

#pinglun-container img.avatar-36 {

border-radius: 18px;

-webkit-border-radius: 18px;

-moz-border-radius:18px;

box-shadow: inset 0 -1px 0 #3333sf;

-webkit-box-shadow: inset 0 -1px 0 #3333sf;

-webkit-transition: 0.4s;

-webkit-transition: -webkit-transform 0.4s ease-out;

transition: transform 0.4s ease-out;

-moz-transition: -moz-transform 0.4s ease-out;

}

#pinglun-container img.avatar-36:hover {

box-shadow: 0 0 10px #fff;

rgba(255, 255, 255, .6), inset 0 0 20px rgba(255, 255, 255, 1);

-webkit-box-shadow: 0 0 10px #fff;

rgba(255, 255, 255, .6), inset 0 0 20px rgba(255, 255, 255, 1);

transform: rotateZ(360deg);

-webkit-transform: rotateZ(360deg);

-moz-transform: rotateZ(360deg);

}

如果您设计了优美的评论模板，不要独享，要拿出来分享噢！我愿意高价回收模板并加入到插件中噢~

本文来自：水脉烟香