• 欢迎访问望星湖畔,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入望星湖畔 QQ群
  • 由于360网盘即将关闭,本站内部分下载资源可能暂时无法下载,请到相关文章评论处留言,我们会马上处理,谢谢合作!
  • 本站正在搬家,各项数据恢复中……

WordPress主题添加旋转头像效果

WP应用 admin 1616次浏览 3个评论

我看到其他网站都添加了旋转变圆头像效果,所以研究一下旋转变圆头像效果修改了很多代码终于成功了,今天我把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主题添加旋转头像效果


望星湖畔, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明WordPress主题添加旋转头像效果
喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3)个小伙伴在吐槽
  1. 但是有時候看多了可能會讓人覺得頭暈眼花...
    超級efly2014-10-04 08:33 回复
    • 偶尔玩玩,图个新奇~~( ̄▽ ̄)"
      admin2014-10-06 22:51 回复
  2. 收下了,等有评论时试一下,博客刚建
    王桂明博客2015-04-11 12:57 回复