• 后羿更新网站文章可能不会那么闲了

  • 不得不说,美国贴吧的界面真是难看到死

  • 看到网上新闻美国的贴吧将成为中国公司

  • 推送试试

  • 睡觉之前测试一下

  • 发现了一个非常不错的插件

  • 经过确认,微软的必应搜索在中国被屏蔽

  • 给主题增加一个阿里云的代码库

  • 正式通知一下,有赞支付已经停止业务了

  • 给网站增加一个离线缓存功能

几句CSS代码让你的WordPress评论头像转起来23333

WordPress 云落 5年前 (2014-11-10) 679次浏览 2个评论
文章目录[隐藏]

使用CSS里面的Transition属性让WordPress头像转起来!!!!!

几句CSS代码让你的WordPress评论头像转起来23333

前言

[v_pink]大家都知道我的主题的读者墙以及友情链接使用了旋转头像的功能,今天无聊看了下,然后应用到评论头像上面,一起转起来吧[/v_pink]

样式代码

将以下代码放进style.css文件里面就好了,然后就可以了,因为只是简单的一段,没有做其他的处理

.avatar{-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;}.avatar:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);}

后语

这段代码只是CSS3里面Transition属性的一些小应用,下面可以去体验一下CSS Transition属性
开源地址


-- 完 --
几句CSS代码让你的WordPress评论头像转起来23333
扫码订阅,第一时间获得更新
微信扫码二维码,订阅我们网站的动态,另外不定时发送WordPress小技巧,你可以随时退订,欢迎订阅哦~

乐趣公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA

乐趣公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:几句CSS代码让你的WordPress评论头像转起来23333
喜欢 (4)
云落
关于作者:
无折腾,不生活,我是一个WordPress菜鸟,一个玩淘宝的卖家,欢迎你认识我,我是云落!
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 哈哈~我也是這樣做的! :grin:
    超級efly2014-11-16 13:27 回复 Mac OS X | Chrome 38.0.2125.122