渐变是颜色过渡的过程变化的效果，由中心色点出发，逐渐融入另一个色点，比较常见的渐变是将相同颜色的色调混合在一起，例如深蓝到浅蓝色。如果你的网页视觉设计需要强烈一点的变化，也可以将不同颜色组合在一起。

渐变的类型

渐变过去被视为专业设计师才能掌握的高级技巧，如今许多工具软件，甚至是CSS的语法都能轻易的生成出渐变效果，使页面看起来更丰富。 

目前设设常用有四种类型的渐变：

线性渐变

线性渐变是原始、完美和传统的——从构图的一侧直接移动到另一侧。由轴或渐变线定义，线性渐变由两个颜色停止点（一个起点，另一个终点）确定，但可以通过其间的可选颜色停止点放大。

大多数网站架设者只允许您向线性渐变添加两种颜色。您可以添加多达八种单独的色调，以获得真正令人惊叹的视觉体验。渐变的角度也可以改变，无论是垂直、水平还是某个角度。

路径渐变

由中心点决定渐变的方向。设计师可以自己添加多个颜色渐变点，来定义周围的形状。您可以为任何径向渐变添加多种颜色，一般来说不会超过四种。

锥形渐变

锥形渐变类似于路径渐变，颜色过渡自中心点开始旋转改变色彩，圆锥的外边缘色彩会变得很发散。

混合渐变

当一个画布上的每个点，都有一个特定的颜色混合在一起，并设定颜色渐变，这就是混和渐变的设计技术，过去在印刷领域要达成很困难，但在计算机上却很容易。

为什麽要在网页设计中添加渐变？

渐变是网页设计老手的好帮手，对设计新手来说驾驭会较为困难，好的渐变让网站看起来现代而先进，不好的渐变则会被视为古老而缺乏维护的网站。当然我们总是要看好的一面，当你只掌握渐变的设计技巧，就可以享受到这些优势：

特色十足

人们眼睛对于颜色的变化很敏锐，渐变吸引了访客的注意力，可以将访问者的视线引向网页设计的特定区域。

多彩活力

透过各种色调变化，是渐变背景历久不衰的主因，即便只使用一种颜色，或细微的变化，也可以丰富设计的色彩，尤其是商业设计已经约束许多色彩的使用，如能活用渐变，让用户感受到活力，是设计上的一大亮点。

层次印象

变化不大的渐变，可以带来温和的视觉效果，层次分明的渐变则能创造惊喜，让访客眼睛为之一亮。如果遇到了色彩上的瓶颈，更改渐变的不透明度，或试试看不同滤镜，可以活络渐层的效果，让渐层有更多多彩组合。