WordPress修改评论头像为圆形并旋转的方法

欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【WordPress修改评论头像为圆形并旋转的方法】，下面是详细的分享！

WordPress修改评论头像为圆形并旋转的方法

 

　　使用Wordpress博客后我们经常需要对主题进行各种修改来达到自己想要的效果，下面兔子就跟大家分享下使用CSS把博客评论栏里的头像改为圆形并且产生圆转动画。

　　找到自己主题的Style.css，在最下面添加如下代码即可。(IE浏览器暂不支持旋转)

　　.avatar{

　　

　　border-radius:60px;

　　-webkit-border-radius:60px;

　　-moz-border-radius:60px;

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

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

　　transition: transform 0.5s ease-out;

　　-webkit-transition: 0.5s ease-out;

　　-moz-transition: -moz-transform 0.5s ease-out;}

　　.avatar: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);}

　　保存，刷新一下，效果就出来了。

　　以上内容由兔子博客整理，欢迎转载。

　　

以上所分享的是关于WordPress修改评论头像为圆形并旋转的方法，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：QQ头像改成圆形怎么改

　　答：头像的大小位置,已经确定,不能更改.如果你头像中心位置是圆形, 那么头像就会和背景皮肤的颜色一致. 就会误以为是圆形头像. http://zhidao.baidu.com/link?url=0MKBW-yR2BDeOcI7R13J5i3HnvtkxbfkSf0b8dB5hPecjOJxh26D5ij3WlM2HJvgxBFSnMzi7W2jpc9... >>详细

　　相关问题：把这张图做成圆形头像，谢。

　　答：直接换上就是圆形的 >>详细

　　相关问题：新浪微博的头像怎么变圆形的了？

　　答：这是首页的主题导致的.这个主题在首页显示头像时就是圆形的~这不影响其他人看你的头像(他们看见的头像还是方形的) 如果别扭你可以更换主题, >>详细