I'm using CSS3 for the first time, but using specific styles with prefix for each browser looks strange. The need of using -moz-, -o-, -webkit- and another prefix turns the CSS bigger and harder to maintain.
I want to know if the browsers are implementing some standardization to avoid the usage of prefix for styles.
The use for the prefiexed properties is to avoid collision between how a vendor renders it and how it should work (based on W3C). These properties will eventually disapear (for the current properties) and will eventually re-appear for new prototype properties.
One thing to keep in mind when using vendors prefixes, define the prefixed properties before the final one, this way, for example, when mozilla's border property will be final you won't have to rewrite your css.
.selector { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } This way, each vendor that doesn't support the final format, will support his own and each vendor that support the final format will interpret the two definitions they understands but the second one will overwrite the first one.
