使网站主页倾斜style.css

-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);
}

1 分享

您可以选择一种方式赞助本站

支付宝扫码赞助

支付宝扫码赞助

日期: 2016-04-02分类: Other

标签: none

发表评论