html中正方形前缀样式列表,css3常用的样式加前缀归类

1：2d、3d转换需要加前缀

transform;

2d

translate()

rotate()

scale()

skew()

matrix()；

3d:

rotateX()

rotateY()

2d:

Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。

Chrome 和 Safari 需要前缀-webkit-。

注释：Internet Explorer 9 需要前缀 -ms-。

3d:

Internet Explorer 10 和 Firefox 支持 3D 转换。

Chrome 和 Safari 需要前缀-webkit-。

Opera 仍然不支持 3D 转换(它只支持 2D 转换)。

2：transition过渡

Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。

Safari 需要前缀 -webkit-。

注释：Internet Explorer 9 以及更早的版本，不支持 transition 属性。

注释：Chrome 25 以及更早的版本，需要前缀 -webkit-。

3：动画

Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。

Chrome 和 Safari 需要前缀-webkit-。

注释：Internet Explorer 9，以及更早的版本，不支持 @keyframe 规则或 animation 属性。

4：多列

column-count

column-gap

column-rule

-moz-column-count:3; /* Firefox */

-webkit-column-count:3; /* Safari 和 Chrome */

column-count:3;

Internet Explorer 10 和 Opera 支持多列属性。

Firefox 需要前缀 -moz-。

Chrome 和 Safari 需要前缀 -webkit-。

注释：Internet Explorer 9 以及更早的版本不支持多列属性。

原文：http://www.cnblogs.com/wtt52800/p/7568668.html