How to automatically add browser prefix to CSS3 properties?

Question

As you may be know, because CSS3 is not compatible with all of browsers when we use CSS3 we should add a prefix to CSS3 properties (like -moz, -webkit, -o and ...)

It is

Answer 1

A nice vendor prefix mixin for doing that in SASS here for those that are using SASS

Answer 2

There are several options that come to mind, depending on your use-case:

• SASS with Bourbon
• SASS with Compass

• Less with LESS elements

• Emmet CSS3 Abbreviations (In your text editor)

• PrefixFree (client side js)

My personal preference is to use Compass, but the Emmet abbreviations work well if you do not want the overhead of using a CSS pre-processor.

Answer 3

Here is more

Sublimetext plugin https://github.com/sindresorhus/sublime-autoprefixer?source=c