Hello! 欢迎来到小浪资源网!



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%);

*/

相关阅读