|
参考：http://zhoukekestar.github.io/notes/2017/06/07/interview-answers.html
关于CSS3，可以先查看一下文档
新特性有：
border-radius圆角,@font-face字体,box-shadowtext-shadow框和文本的阴影word-wrap,background-size,background-origin,border-image,box-sizing,calc,linear-gradient等等transform转换
- 2D 转换
rotate旋转，图片转个90或180度什么的translate位置移动scale,skew,matrix等
- 3D 转换
rotate(XYZ)根据x,y,z轴旋转translate(XYZ),scale(XYZ)同理perspective透视，这个很多3D效果都要设置一下，不然3D还是只会有”2D”的效果
transition: 过渡，简单的动画（如：移个位置，变个长短），直接用这个属性就能搞定。animation: 动画，3D可以调用硬件渲染。- 新的长度单位：
rem，ch，vw，vh，vmax，vmin等。其中ch:数字“0”的宽度,vw
相对于视窗的宽度：视窗宽度是100vw. clip-path: 绘制路径，类似SVG技术。国外炫酷产品。flex:flex布局，继table和div后的趋势，不了解或不熟悉的可以参考cssreference。- 伪类选择器：如:
:target,:enabled,:disabed,:first-child,last-child等等 @media媒体查询，适用于一些响应式布局中columns: 分栏布局。will-change: 改善渲染性能, 参考使用CSS3
will-change提高页面滚动、动画等渲染性能。
具体查看文档，或 Google 吧 | 
转播
