CSS linear-gradient() 函数，渐变设置，元素颜色渐变线性设置
实例
这个线性渐变从顶部开始。它从红色开始，过渡到黄色，然后过渡到蓝色：
#grad {
background-image: linear-gradient(red, yellow, blue);
}
定义和用法
linear-gradient() 函数把线性渐变设置为背景图像。
如需创建线性渐变，您必须至少定义两个色标。色标是您希望在其间呈现平滑过渡的颜色。您还可以在渐变效果中设置起点和方向（或角度）。
线性渐变实例：
CSS 语法
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
线性渐变 - 从上到下
此线性渐变从顶部开始。它从红色开始，过渡到黄色，然后过渡到蓝色：
注释：Internet Explorer 9 以及更早的版本不支持渐变。
你可能喜欢:
继续浏览有关 css 的文章
发表评论