mark几种
简单介绍下为什么需要兼容性写法:
1. 试验一些还未成为标准的的CSS属性——也许永远不会成为标准,
2. 对新出现的标准的CSS3属性特征做实验性的实现,
3. 对CSS3中一些新属性做等效语义的个性实现。
再简单一点:你的衣食父母没有使用现代浏览器,或者一直没有更新浏览器的版本.........
下面开始记录
-moz- /* 火狐等使用Mozilla浏览器引擎的浏览器 */
-webkit- /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */ -o- /* Opera浏览器(早期) */ -ms- /* Internet Explorer (不一定) */
举个例子border-radius
-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
这里必须注意的是标准写法(不带前缀的)必须放在最后,否则容易造成渲染出意外的结果~
以下为需要的几种属性
1. @keyframes
2. 移动和变换属性(transition-property, transition-duration, transition-timing-function, transition-delay)
3. 动画属性 (animation-name, animation-duration, animation-timing-function, animation-delay)
4. border-radius
5. box-shadow
6. backface-visibility
7. flex
8. column
9. perspective
后面有用到其他的在慢慢补充吧~