CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果，现在通过使用 CSS3 的渐变（gradients）即可实现。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。
本文只讲述表准的语法，要想兼容更多浏览器可以到网上搜索出很多解决方案，逻辑基本一致。
1、语法background: linear-gradient(direction, color-stop1, color-stop2, ...);