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中文网其它相关文章！