在CSS3，你必须依靠图形处理软件如Adobe PS图象处理软件使梯度，然后添加背景图片的元素。现在，使用CSS，可以创建各种不同的渐变效果。渐变的背景图片，CSS可以帮助我们生成。添加一个梯度可以使用背景图像属性
CSS代码将内容复制到剪贴板。
CSS规则如下所示。
CSS代码将内容复制到剪贴板。
添加样式框元素
{ div
身高：150px；
宽度：200px；
边境：1px solid # CCC；
浮点数：左；
保证金：16px；
}
示例1：从上到下默认。
{。gradient1
背景：线性梯度（# e86a43，# FFF）；
}
* 2例：从左到右。
{。gradient2
背景：线性渐变（左，# 64d1dd，# FFF）；
}
* 3例：左上至右下。
{。gradient3
背景：线性梯度（45度，# e86a43，# FFF）；
}
放射性梯度
创建放射性渐变时，可以使用参数指定形状、位置、大小、颜色和不透明度。
CSS代码将内容复制到剪贴板。
{。gradient1
背景：WebKit的径向渐变（# FFF，# 64d1dd，# 70aa25）；
}
{。gradient2
背景：WebKit的径向渐变（圆形，# FFF，# 64d1dd，# e86a43）；
}
{。gradient3
背景：WebKit的径向渐变（50px 30px，圆，# FFF，# 64d1dd，
# 4947ba）；
}
