CSS背景色渐变确实是网页设计中的一项关键技巧，Neng用来增有力页面的视觉效果这个。

线性渐变

线性渐变是指颜色沿着一个方向平滑过渡。

css .linear-gradient { background: linear-gradient; } 在这玩意儿例子中， 渐变从左到右，从蓝色渐变到紫色。

径向渐变

径向渐变是从一个点开头向外扩散的颜色渐变。

css .repeating-gradient { background: repeating-linear-gradient; } 这玩意儿例子中， 渐变从左向右，每隔20像素再来一次蓝-紫-蓝-紫的模式。

透明度渐变

透明度渐变允许背景颜色一点点变为透明，常用于界面美化。

css .opacity-gradient { background: linear-gradient, rgba); } 在这玩意儿例子中，渐变从不透明的蓝色渐变到彻头彻尾透明的蓝色。

再来一次性渐变

再来一次性渐变Neng在整个背景区域再来一次渐变效果。

角度渐变

角度渐变允许你定义渐变的方向， 比方说：

兼容性

在实现渐变效果时需要考虑到不同浏览器的兼容性。比方说对于IE9及以下版本，兴许需要用一些polyfills或者降级方案。

通过搞懂这些个渐变类型和它们的应用，开发者Neng创建出丰有钱的视觉效果，提升网站的整体设计。