CSS3的新特性(个人总结)如下
- 过度(transiton)
- 动画(animation)
- 形状转换
- transform:适用于2D或3D转换的元素
- transform-origin:转换元素的位置(围绕那个点进行转换)。默认(x,y,z):(50%,50%,0))
- 选择器
- 阴影(box-shadow)
- 边框(box-border)
- border-radius(边框圆角)
- border-image(边框图片)
- 反射
- 倒影(reflect)
- 颜色(提供了rgba和hsla的方法来显示颜色)
- 渐变
- 滤镜(filter)
- 布局
- flex弹性布局
- grid栅格化布局
- column-count多列布局
- 盒模型
- 媒体查询(一般用来做自适应布局,与rem布局结合使用可以有巧妙地效果)