Skip to main content

Vendor Prefix ↔ CSS Syntax to add compat for new CSS feat - use autoprefixer to never need to care about it!

aka CSS-Browser-Prefix, Browser-Prefix

-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-ms-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;

use autoprefixer to handle all Vendor Prefix! No need for manual coding!!

-webkit-​

Vendor Prefix for Android || Chrome || iOS/Safari

-moz-​

Vendor Prefix for Mozilla's Firefox

-ms-​

Vendor Prefix for Microsoft's Internet Explorer

-o-​

Vendor Prefix for Opera

References​

  1. autoprefixer ↔ npm PostCSS Plugin to parse CSS & handle Vendor Prefix

  2. -webkit- ↔ Vendor Prefix for Android || Chrome || iOS/Safari

  3. -moz- ↔ Vendor Prefix for Mozilla's Firefox

  4. -ms- ↔ Vendor Prefix for Microsoft's Internet Explorer

  5. -o- ↔ Vendor Prefix for Opera