CSS linear-gradient() 函数，渐变设置，元素颜色渐变线性设置

gtxyzz web技术 2022-07-07 578浏览 0

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 以及更早的版本不支持渐变。

转载请注明：IT运维空间 » web技术 » CSS linear-gradient() 函数，渐变设置，元素颜色渐变线性设置

继续浏览有关 css 的文章

发表评论