首页 > 代码库 > CSS3的新属性

CSS3的新属性

最近在简单的了解了下CSS3,发现它实在太强大了。在不用JS的情况下也可以写出一些很炫的特效出来。它较之CSS2增加了不少新属性,虽然CSS3很强大,但是它存在浏览器兼容的问题。虽然有缺陷,但是还是掩盖不了它的强大。

首先说下它较之CSS2增加的几个新属性。

1,圆角;border-radius;后面可以是数值,也可以是百分比。但都不允许负值。是可以单独设置每个角的圆角。

2,阴影,box-shadow;设置阴影,后面跟5个参数,第一个为水平偏移值(可以是负数),第二个为垂直偏移值(可以是负数),第三个为阴影的模糊度(不能为负数),第四个为阴影外延值(可以是负数),第五个为阴影颜色。当然也可以设置内阴影,inset

3,过渡,transition;后面可以跟4个参数,第一个参与过渡的属性,第二个过渡时间,第三个过渡的类型,第四个设置对象延迟过渡的时间