Revisiting background gradients

Remember the CSS3 background gradient that was discussed in Chapter 2, Using Variables and Mixins? To show a better or the same gradient on different browsers, you have to use vendor-specific rules. Different sets of rules make your mixins more complex. In this case, more complex also means more difficult to maintain.

In practice, your mixins grow with outdated code or with code that is no longer supported on the one hand, while you have to update your mixins for newer browsers on the other. Of course, we can only hope that new browser versions support CSS3 specifications without any further changes to the code.

The Can I use... website (http://caniuse.com/) provides compatibility tables for HTML5, CSS3, and SVG support, and also for desktop and mobile browsers. It will show you that most of the current browsers have support for CSS gradients in their current version. At the time of writing this book, the Android browser for mobile still relies on the -webkit...