Want to use a sleek CSS3 gradient? How about some rounded rectangles? Since W3C standards are constantly evolving, it is important that you ensure that your styles have sensible fallbacks for when a browser doesn’t support a CSS property. Older browsers will understand those fallbacks and skip the code it cannot understand, while newer browsers will understand both the fallbacks and the newer properties. For this to work, the fallbacks must appear immediately before the new properties in your CSS so that newer browsers prefer the newer properties.
It’s also just as important to use the various vendor prefixes for browsers that have their own, work-in-progress version of the standard. The correct way to use a CSS3 gradient is to list all of the vendor prefixes first, and lastly end with the W3C standard gradient property. Older browsers that only support their own vendor prefixes will use those, and those browsers that have implemented the standard will prefer that, since it is listed last. The following is a table of vendor prefixes for each of the popular browsers.