-webkit-transform: rotate(倾斜角度);
-moz-transform: rotate(倾斜角度);
-o-transform: rotate(倾斜角度);
建议要一次加入这三行,才可以让「几乎」所有的浏览器都支持,当然目前的话… IE核心的浏览器都还不能看到此功能。不过IE浏览器也不是不能实倾斜的效果,可以使用Matrix滤镜,具体的使用方法可以参见:CSS3 transform旋转属性在IE浏览器里的实现,虽然不是原生支持transform属性,但相信随着IE9对标准的全面支持,这个日后将会改善。这些都是题外话,我们继续看代码:
-webkit的那行是要给使用webkit核心的浏览器的语法,例如:Safari、Chrome等浏览器都是使用webkit-moz的那行则是要给Firefox或是其他使用Firefox作为核心的浏览器在用的语法-o的那行则是要给Opera使用的「倾斜角度」的部份单位是deg,例如你要让img倾斜一度,则语法为:-webkit-transform: roate(1deg);
但是,我并不知道如何只让主页倾斜,而不使文章页面其他目录正常的方法[root@LinuxEA /www/build/usr/themes/widget/css]# vim style.css body { -webkit-transform: rotate(2deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg);}