CSS3 的新特性

CSS3 的新特性

CSS3 盒子模型

可以分成两种情况：

1. box-sizing: content-box 盒子大小为 width + padding + border （以前默认的）
2. box-sizing: ==border-box ==盒子大小为 width

CSS3滤镜filter

filter: 函数(); 例如： filter: blur(5px); blur模糊处理 数值越大越模糊

CSS3 calc 函数（calculate）

calc() 此CSS函数让你在声明CSS属性值时执行一些计算。
width: calc(100% - 80px);
括号里面可以使用 + - * / 来进行计算。

CSS3 过渡（重点）

transition: 要过渡的属性 花费时间 运动曲线 何时开始;