WordPress主题添加旋转头像效果

我看到其他网站都添加了旋转变圆头像效果,所以研究一下旋转变圆头像效果修改了很多代码终于成功了,今天我把WordPress主题添加旋转头像效果方法分享给大家,请看以下操作!

登陆你的后台管理,选择【外观】-【编辑】-【样式表 (style.css)】

直接添加以下全部代码:

/*--Comment list--*/  
/*--评论头像旋转--*/  
.gravatar img{position:relative;z-index: 999;width:32px;height:32px;-webkit-transition:.9s;-moz-transition:.9s;-o-transition:.9s;-ms-transition:.9s;}  
.gravatar img:hover {border-radius:23px;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg);-ms-transform:rotate(720deg);}

把这个代码添加到那个位置都行,一般都是在最下面放的,然后保存!

当你鼠标放到头像,它就会选择变圆形头像效果!很好玩吧!

提示:不一定要它变圆形,还可以变大,我喜欢这个效果,呵呵!

引用自:Loper主题添加旋转头像效果

admin

大家好!欢迎光临我的个人博客,本博主要是学习和记录自己生活、学习中发生的点点滴滴的过程,很高兴可以把自己的废话和一点点的经验拿出来和网友分享,最大的愿望就是能构共同学习,共同进步。

3 条回复

  1. 超級efly说道:

    但是有時候看多了可能會讓人覺得頭暈眼花…

  2. 王桂明博客说道:

    收下了,等有评论时试一下,博客刚建

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.