css3有哪些新特效

边框的圆角：设置一个div，在style中设置宽高。在style中设置border属性。border-radius：50px；设置圆角的半径。(如下图)border-radius：15px 50px 30px 5px；设置四个圆角(左上、右上、右下、坐下)

阴影：box-shadow:10px 10px 5px #E00800;设置水平方向阴影h、垂直方向阴影v、模糊度、颜色。h、v可取负值，阴影方位改变。且必须设置。其它属性值可选。

颜色渐变：background：linear-gradient (方位,#FF0000,#00FF00,……)；方位默认：从上到下；left、right(标准写法to left)、角度45deg；对角：botton right(to botton right)；当浏览器不支持时，可以用标准写法；也可以在属性前加-webkit-(不同浏览器不同)例子：background：linear-gradient(to right,#FF0000,#00FF00,#0000FF); background: -webkit-radial-gradient(circle,#FF0000,#00FF00,#0000FF);

透明度：rgba() 函数中的最后一个参数可以是从 0 到 1 的值，它定义了颜色的透明度：0 表示完全透明，1 表示完全不透明。表示颜色的参数是：0到255。例子：background-color：rgba(255,0,0,0.5);

transform 2D转换：转换类型：translate(x,y)；旋转rotate(deg)；缩放scale(x,y)；skew(deg,deg)；matrix();例子：transform：rotate(50deg)；

css3过渡：元素从一种样式逐渐改变为另一种的效果。用法：指定属性  持续时间属性可以为width、transform等；对一个div设两个style，在第一个中设置transition：属性m 运动时间；在另一个中对该属性m设置value，可以添加触发动作的元素。