css3有哪些新特效

1、边框的圆角：

设置一离露个div，在style中设置宽高。在style中设置border属性。

border-radius：50px；设置圆角的半径。(如下图)

border-radius：15px 50px 30px 5px；设置四个圆角(左上、右上、右下、坐下)

2、阴影：

box-shadow:10px 10px 5px #E00800;

设置水平方向阴影h、垂直方向阴影v、模糊度、颜色。

h、v可取负值，阴影方位改变。且必须设置。其它属性值可选。

3、颜色渐变：

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

4、透明度：

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

表示颜色的参数是：0到255。

例子：background-color：rgba(255,0,0,0.5);

5、transform 2D转换：

转换类型：translate(x,y)；旋转rotate(deg)；缩放scale(x,y)；skew(deg,deg)；matrix();

例子：transform：rotate(50deg)；

6、css3过渡：元素从一种样式逐渐改变为另一种的效果。

用法：指定属性  持续时间

属性可以为width、transform等；

对一个div设两个style，在第一个中设置transition：属性m 运动时间；

在另一个中对该属性m设置value，可以添加触发动作脂联牺的元素。