转载：好玩的CSS倾斜效果

网页的倾斜效果是使用CSS的*-transform:rotate(?deg);规则做出来的。

http://www.microhu.com/css-transform-effect.html

亮点：

我也不卖关子了, 也不堆字了. 一贯的风格, 能几句话搞定的, 就不动用大篇文章. 代码如下:

.avatar:hover{-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-o-transform: rotate(10deg);}

加入这个到CSS中基本上实现的是Gravatar头像的倾斜. 大家可以自行修改需要倾斜的对象. CSS语法就是括号内的transform了.

注意这个语法中的deg这个参数, 英文是degree, 也就是”度”的意思, 10deg就是顺时针倾斜10度. 依此类推.

大家自行去试试吧.