What is the purpose of CSS prefixes?

I know that if we want to make sure some CSS3 features work everywhere, we need to use prefix versions of the recommended W3C:

transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-webkit-transition: all 1s ease;

I know that prefixes are used for experimental functions, but why are they needed? Why don't they test them on the original W3C? Does every CSS3 function have or have a prefix for each browser, or do they just create a prefix version if they think they should?

+5
source share
3 answers

CSS. , .

, , . -, . unprefixed , , , unprefixed , .

; , , .

+6

, , , - .

, . , , chrome prefixed, firefox, opera... ( , ?).

, .

+1

Ya .. maybe in the future we will not have to use these prefixes for different browsers, but now each browser has different css libraries, as an interface developer. We should use these prefixes in our css, but some browsers will not render our css. This is how they work, and we follow them.

Here are examples of Webkit and Firefox prefix libraries

http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html

https://developer.mozilla.org/en-US/docs/CSS/CSS_Reference/Mozilla_Extensions

+1
source

All Articles