CSS3 common attribute browser compatible prefix, css3 compatible prefix

CSS3 common attribute browser compatible prefix, css3 compatible prefix

1. Website detection https://gsnedders.html5.org/outliner/

2. query whether prefix http://caniuse.com is supported

3. The general prefixes border-radius \ box-shadow \ opacity-webkit-and-moz-are enough.

Eg:-webkit-border-radius: xxxx;

-Moz-border-radius: xxxx;

4. No prefix is required for text-shadow. IE10 + support, other basic support

5. text-overflow only requires the prefix-o-or

6. text-stroke text stroke and text-fill-color text filling are not used in the test phase. The prefix-webkit-is added-

7. Add the liner-gradient prefix-webkit-\-moz-, radial-gradient

8. border-image: ul () slice/width/outer round; prefix-webkit-\-moz-\-o-

9. transform: translate (x, y) scale (magnification) rotate (rotation angle) skew (skewed deg ); prefix-webkit-\-moz-\-o-\-ms-

10. transform-origin: left top; // or add the prefix-webkit-\-moz-\-o-\-ms-to the xy Value-

11. transform: translate3d (x, y, z) scale3d (x, y, z) rotate3d (x, y, z, a) perspective (length value); or transform: translateZ (z) scaleZ (z) rotateX (a) rotateY (a) rotateZ (a) perspective (length value); use the property transform-style: perspective-3d/flat (2d effect );