Do I still need to use prefixes with CSS3 features?

Question

For example with box-shadow or transition, do I still need to use prefixes like "moz" or "webkit?" It seems... odd, and at least on Firefox on Unix, it works perfectly without any prefixes.

Answer 1

Short answer : Use Them because HTML5 and CSS3 are still under development and are not fully supported by any browser.

Other stuff you may like to read : As a developer, we need to see from user point of view, cross-browser compatibility is essential to maintain your website layout almost same in all browsers, more over it also gives professional edge to your work if your layout is consistent in all browser, using proprietary properties won't increase your page load time, and most of the users don't update their browsers to latest version, and so they get a shabby rendered page, so to be safe use them unless and until CSS3 and HTML5 are completely supported by all browsers.

Answer 2

That depends on which browsers you need to support. CSS 3 features only work in browsers that support CSS 3, fully or partially.

Some browsers support features outside the standards by using prefixes. Some of those features end up in the standards, and newer versions support those features both with and without prefix, and later on only without the prefix.

You just have to add different versions of the same CSS for the different browsers that you support, and update the style sheets when the browsers are updated.

Answer 3

I would say keep putting the prefix for now.
Some legacy browsers are still using them and are unfortunately used by a lot of users.

Example, Prefix is needed for:

• border-radius (Saf3-4, iOS 1-3.2, Android ≤1.6)
• box-shadow (Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+)