CSS3支持的新特性

边框

• 边界半径
• box-shadow 盒子阴影
• border-image 边框图像

背景

• background-size 背景图像尺寸
• 背景-origin背景图片定位区域
• background-clip 背景图像绘制区域

渐变

• 线性渐变
• 径向渐变 径向渐变

文字效果

• 断词
• 文字交织
• 文字溢出
• 文字阴影
• 文字中断​​
• 文字大纲
• 对齐文本

转换

• 2D 转换属性
• transfor
• transform-origin
• 2D转换方法
• 翻译(x,y)
• 翻译X(n)
• 翻译Y(n)
• 旋转（角度）
• 规模(n)
• scaleX(n)
• scaleY(n)
• 旋转（角度）
• 矩阵(n,n,n,n,n,n)

3D转换

• transfor
• transform-origin
• transform型
• 3D转换模式
• 翻译3d(x,y,z)
• 翻译X(x)
• 翻译Y(y)
• 翻译Z(z)
• 缩放 3d(x,y,z)
• scaleX(x)
• 缩放Y(y)
• 缩放Z(z)
• 旋转3d（x，y，z，角度）
• 旋转X(x)
• 旋转Y(y)
• 旋转Z(z)
• 视角(n)

穿越

• 段落

动画

• @KeyframesRules
• 动画

flexbox

多媒体查询@media