几种css属性兼容性写法

来源:转载

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

后面有用到其他的在慢慢补充吧~

分享给朋友:
您可能感兴趣的文章:
随机阅读: