html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

css3教程之倾斜页面_css3_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:教大家一个方法使用CSS把整个网页倾斜,代码只有在支持CSS3.0的浏览器上有效果。目前只有IE9以上版本及firefox高版本支持,其它浏览器没有测试

代码如下:ZMvHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
ZMvHTML5中文学习网 - HTML5先行者学习网
body{ZMvHTML5中文学习网 - HTML5先行者学习网
-webkit-transform: rotate(1deg);ZMvHTML5中文学习网 - HTML5先行者学习网
-moz-transform: rotate(1deg);ZMvHTML5中文学习网 - HTML5先行者学习网
-o-transform: rotate(1deg);ZMvHTML5中文学习网 - HTML5先行者学习网
}ZMvHTML5中文学习网 - HTML5先行者学习网
ZMvHTML5中文学习网 - HTML5先行者学习网

代码里面的数字看大家的喜爱调了。越大倾斜越高。ZMvHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助