CSS Browser Support & Prefixes
Every browser has a default set of CSS styles that it uses for rendering elements. These default styles may not be consistent across browsers because: the language specifications are unclear so base styles are up for interpretation, browsers may not follow specifications that are given, or browsers may not have default styles for newer HTML elements. As a result, people may want to normalize default styles across as many browsers as possible.
Prefix | Browser(s) |
---|---|
-webkit- | - Google Chrome, Safari, newer versions of Opera 12 and up, Android, Blackberry and UC browsers |
-moz- | Mozilla Firefox |
-ms- | Internet Explorer, Edge |
-o- , -xv- | Opera until version 12 |
-khtml- | Konquerer |
Transitions
div {
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
}
Transform
div {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}