Whenever you start using a new CSS property, it is necessary to check the list of browsers that support it. If it is supported, you need to verify how to implement it and if it requires a prefix or a special form such as filter
in Internet Explorer.
The following are the most common prefixes for CSS properties:
-moz-
Firefox-webkit-
Safari, Safari iOS, and Chrome-o-
Opera-ms-
Internet Explorer
Workarounds when you do not have support of any property include use of images and removal of some visuals (following graceful degradation and trying to avoid the removal of features).
Tip
We could use a JavaScript library such as Lea Verou's -prefix-free (http://leaverou.github.com/prefixfree/) to avoid the use of multiple vendor prefixes, but this can affect our application's performance. As a general rule CSS is almost always faster (execution time) than JavaScript, so performance-wise a couple of lines more in our stylesheet is worth the effort.
As we saw in Chapter...