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

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

使用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属性
开源地址

-- 完 --

发表评论

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

2 Replies to “几句CSS代码让你的WordPress评论头像转起来23333”