CSS3 commonly used styles plus prefix collation

1:2D, 3d conversion needs to add a prefix transform;

2d

• Translate ()
• Rotate ()
• Scale ()
• Skew ()
• Matrix ();

3d:

• Rotatex ()
• Rotatey ()

2d:

Internet Explorer 10, Firefox, and Opera support the Transform property.

Chrome and Safari need a prefix of -webkit-.

Note: Internet Explorer 9 requires a prefix of -ms-.

3d:

Internet Explorer 10 and Firefox support 3D conversions.

Chrome and Safari need a prefix of -webkit-.

Opera still does not support 3D conversion (it only supports 2D conversions).

2:transition transition

　

Internet Explorer 10, Firefox, Chrome, and Opera support transition properties.

Safari requires a prefix of-webkit-.

Note: Internet Explorer 9 and earlier versions do not support the transition property.

Note: Chrome 25 and earlier versions require a prefix of-webkit-.

3: Animation

Internet Explorer 10, Firefox, and Opera support @keyframes rules and animation properties.

Chrome and Safari need a prefix of -webkit-.

Note: Internet Explorer 9, and earlier versions, do not support @keyframe rules or animation properties.

4: Multi-column

• Column-count
• Column-gap
• Column-rule

/* Safari and Chrome */column-count:3;

Internet Explorer 10 and Opera support multi-column properties.

Firefox needs a prefix-moz-.

Chrome and Safari need a prefix of-webkit-.

Note: Multi-column properties are not supported in Internet Explorer 9 and earlier versions.

CSS3 commonly used styles plus prefix collation