CSS 渐变：线性渐变()

Linear-gtradient() css 函数创建线性渐变作为背景
语法是：
一个 CSS 选择器{
背景图像：线性渐变（角度，颜色1，颜色2，颜色3，......）;
}

angle :可选是对渐变方向的引用
默认为 180deg
我们可以使用这些关键字代替 deg 来确定方向：
*向右：等于 90 度
**向左：等于 270 度
* 到顶部：等于 0deg
**到底部：等于 180 度（可选，因为 l Linear-radient() 中的度数是到底部
**color1 ：我们需要这个值包含一个颜色值，后跟
一个或两个位置的可选颜色停止点（0% 到 100% 之间的百分比或沿渐变轴的长度）。

坡度 {

高度：200px；
/* 倾斜 45 度的渐变，
开始为蓝色，结束为红色/
/
/*
背景图像：线性渐变（45度，蓝色，红色）；
*/

/* 从右下角到左上角的渐变，
开始为蓝色，结束为红色/
/
/*
背景图像：线性渐变（到左上角，蓝色，红色）
*/

背景图像：线性渐变（向右，红色，50%，蓝色）

/*
多位置色标：倾斜 45 度的渐变，
左下半部为红色，右上半部为蓝色，
带有一条硬线，渐变从红色变为蓝色
*/

/*
背景图像：线性渐变（
45度，
红色 0 50%，

蓝色 50% 100%);

*/

以上是CSS 渐变：线性渐变()的详细内容。更多信息请关注PHP中文网其他相关文章！