Browser Support & Prefixes
|Google Chrome, Safari, newer versions of Opera 12 and up, Android, Blackberry and UC browsers|
|Internet Explorer, Edge|
|Opera until version 12|
Vendor prefixes are used to allow preview support for new CSS functionality where the functionality is not yet recommended by the specification.
It is recommended that you do not use vendor prefixes in production environments. These prefixes exist to test new functionality that is not yet finalized, and behavior is inherently unexpected. Simply using prefixes does not grant browser support for old browsers as you cannot guarantee the feature hasn't changed over time to perform differently, and it could still be broken in those old browsers you claim to support.
Browsers will use their prefixes and ignore the properties they don't understand.
NOTE: Prefixes should always appear before the official, unprefixed syntax. Otherwise they would be overwritten with the prefixed properties, which can be another implementation in the end.
If a browser supports both an unprefixed and prefixed version of a property, the most recent property to be declared will take precedence.