wordpress知更鸟主题给评论头像添加旋转变圆特效

　　（转自星光博客）知更鸟主题原来的特效在鼠标经过的时候是并不会变成圆的，也没有如图显示的绿色阴影效果。（此代码适用于任何主题，行适当修改class就行）
　　在原来的基础如你所见，是在Style。css文件添加了以下几行代码实现的。
　　第一步，首先在Style。css中添加以下代码
　　头像旋转的效果
　　。avatar｛
　　webkittransition：0。4s；
　　webkittransition：0。4
　　transition：0。4
　　moztransition：0。4
　　｝
　　。avatar：hover｛
　　transform：rotateZ（360deg）；
　　webkittransform：rotateZ（360deg）；
　　moztransform：rotateZ（360deg）；
　　｝
　　第二步，在Style。css中查找以下代码并用新代码直接覆盖。
　　（注意：鸟哥主题可直接放入后台自定义风格图方便的，评论图像大小和时间可以看着修改，图像貌似小了点自己看着修改）
　　旧代码：
　　。。｛
　　float：
　　width：64
　　height：64
　　margin：71000；
　　padding：3
　　borderradius：5
　　border：1
　　transition：0。80s；
　　｝
　　用以下新代码直接替换。
　　。。｛
　　boxshadow：001
　　float：
　　width：40
　　height：40
　　margin：61000；
　　padding：2
　　border：1
　　transition：0。80s；
　　webkittransition：0。80s；
　　moztransition：0。80s；
　　otransition：0。80s；
　　mstransition：0。8s；
　　｝
　　。vcard：。｛
　　boxshadow：00100c0；
　　transform：rotate（720deg）；
　　webkittransform：rotate（720deg）；
　　moztransform：rotate（720deg）；
　　otransform：rotate（720deg）；
　　mstransform：rotate（720deg）；
　　borderradius：40px！
　　filter：alpha（opacity100）！
　　opacity：1！
　　｝
　　文章参考来源：堆爱博客http：duiai。cccommentsroundtheheadsaddrotationeffects。htmlcommentpage3comments