-moz-this, -moz-that, -webkit-this, -webkit-that… why not just this and that.

[trusktr]

Why all the moz/webkit related property names??? Why can’t we just have simple property names for all???

Ex: Why not just “transition” instead of -moz-transition and -webkit-transition, etc.

[DogsGhost]

Because they’re CSS3 properties so there’s no standard for all browsers, but individual browsers have added support for some properties, hence the -moz for firefox and -webkit for safari, chrome -o for opera. Once CSS3 standards are implemented standard property names can be used, in fact its current considered best practice to add the property in standard form, such as box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 2px; border-radius:4px; so your code is future-compatible.
Edit: There may be in fact some browsers that already read some standard-written CSS3. Also -moz-transition is only supported in firefox 4+

[ccc630]

What DogsGhost said. I’ll add that it’s kind of an awkward transitional phase, but even with all the prefixes and suffixes, things are so much easier than when rounded corners, shadows, etc. had to be added via images and CSS hackery. Give it a few years and it’ll iron itself out. Until then keep clips handy in your favorite editor to make life easier.

[Author]

Posts