您现在的位置是：网站首页> 编程资料编程资料

css3教程之倾斜页面CSS3实现同时执行倾斜和旋转的动画效果纯CSS3实现的鼠标经过文字倾斜线性变换动画特效源码HTML5和CSS3炫酷图片运动模糊和倾斜特效源码jQuery+CSS3单页倾斜分割布局幻灯片特效源码HTML5+CSS3实现图片可倾斜摆放的动画相册效果源码基于CSS3实现的图片可倾斜四个角度倾斜特效源码css3实现超立体3D图片侧翻倾斜效果css3 给页面加个半圆形导航条主要利用旋转和倾斜样式CSS3 倾斜的网页图片库实例教程纯CSS3制作图片倾斜45度封页角特效源码

2021-09-06 940人已围观

简介教大家一个方法使用CSS把整个网页倾斜，代码只有在支持CSS3.0的浏览器上有效果。目前只有IE9以上版本及firefox高版本支持，其它浏览器没有测试

代码如下:

复制代码

代码如下:

body{
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
}

代码里面的数字看大家的喜爱调了。越大倾斜越高。