在CSS3的新风格采用实例附效果图
随着平板电脑和智能手机进入我们的生活的入口，我们可以使用CSS3的开发手机版和平板电脑版。现在，我们将和你讨论几种常见的CSS3属性。在IE开发PC版，我们很少使用CSS3，但随着平板电脑和智能手机进入我们的生活，现在越来越流行，在手机和平板电脑版本的发展我们可以大胆使用，下面我们探讨几种常用的CSS3属性：
1.css3前缀使用的介绍，让我们看一个例子直接。
复制代码代码如下所示：
WebKit的旋转变换：（- 3deg）； / /的Chrome和Safari的WebKit内核浏览器
-moz变换：旋转（- 3deg）； / /火狐浏览器
MS：旋转变换（- 3deg）； / / IE浏览器
- o-transform：旋转（- 3deg）； / / Opera浏览器
变换：旋转（- 3deg）； / /支持CSS3的浏览器
2。在研究当CSS3属性是第一个想到的圆角，因为CSS2大量削减CSS和张地图拼接代码控制应考虑很麻烦但兼容CSS3只要产权边界；radius可以实现一个简单的例子，圆角：
复制代码代码如下所示：
边界半径：5px； / /设置4角和半径长度是5px；
边框左上半径：5px； / /放在左上角和半径长度的第一5px；我们可以使用其他的参考手册，使用非常简单
三.简单的阴影
让我们从显示Web页面中任何元素添加阴影的效果开始。下面的代码片段将演示一个稍微旋转和阴影的图片，所有这些图片都添加了CSS。
复制代码代码如下所示：
在上面的代码中，转换CSS属性实现了图像的旋转，框阴影属性给图片添加阴影效果，可以改变旋转的角度或阴影的参数，只需调整参数即可。
试试看，你会看到下面演示的旋转图片效果。
框阴影可以设置6个参数：
（1）第一长度值用于设置对象的阴影水平偏移值。
（2）第二个长度值用于设置对象的阴影垂直偏移值。
如果提供第三个长度值，则用于设置对象的阴影模糊值。不允许负值。
如果提供第四个长度值，则用于设置对象的阴影外延值。不允许负值。
：设置对象阴影的颜色。
插图：set对象的阴影类型是内部阴影。当值为null时，对象的阴影类型将从阴影中消失。
4。元变换
刚才，我们提到了在阴影引入中使用变换。在这里，我们看一个例子，鼠标滑过图片放大。
复制代码代码如下所示：
img { WebKit的变换：规模（0.5）；}
IMG：悬停{ WebKit的变换：规模（1）；}
当鼠标滑过画面时，它突然变大，如图所示。
将鼠标移出图片，图片将返回原来的位置。
让我们看看每一个转换参数的含义。
复制代码代码如下所示：
变换：平移（10px，10px） / /水平和垂直元素每移动10像素
旋转变换：（10度） / /元件旋转10度
转换：缩放（2）元素放大两次
变换：斜（10度，10deg） / /元素对应的X和Y轴斜扭曲10度
在下一节中，我们将讨论转换和渐变的使用。