在这个例子中,.gradient-background类的元素将会有一个从红色到黄色的线性渐变背景,渐变方向是从左上到右下。如果你省略了to bottom right部分,效果是相同的,因为这是linear-gradient的默认方向。
linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* } //标准写法 参数: <angle>是角度,单位为deg point: 第一个参数表示线性渐变的方向,可用关键字top、left、bottom、right,to top是从上到下、to left是从左到右,如果定义成to left top,那就是从左上角到右下角(to可省略)...
3.示例:to right bottom、top right top、top left bottom、top left top div { background: linear-gradient(to right bottom, red , blue); } div { background: linear-gradient(to right top, red , blue); } div { background: linear-gradient(to left bottom, red , blue); } div { backgr...
#grad{background-image:linear-gradient(tobottomright,red,yellow);} 尝试一下 » 实例 以下实例演示了线性渐变指定一个角度: #grad{background-image:linear-gradient(180deg,red,yellow);} 尝试一下 » 实例 以下实例演示了多个终止色: #grad{background-image:linear-gradient(toright,red,orange,yellow,...
值 0deg 等于向上(to top)。值 90deg 等于向右(to right)。值 180deg 等于向下(to bottom)。 语法 background-image: linear-gradient(angle, color-stop1, color-stop2); 这个角度指定水平线和渐变线之间的角度。 下面的例子展示了如何在线性渐变上使用角度: 180deg 代码如下: <!DOCTYPE html> #grad...
CSS linear-gradient()函数创建一个图像,该图像表示颜色的线性渐变。 结果是类型为<gradient>的CSS对象,这是<image>的特殊形式。 CSS 函数在线示例以下示例演示了从头部开始的线性
#grad{background-image:linear-gradient(tobottomright,red,yellow);} 尝试一下 » 实例 以下实例演示了线性渐变指定一个角度: #grad{background-image:linear-gradient(180deg,red,yellow);} 尝试一下 » 实例 以下实例演示了多个终止色: #grad{background-image:linear-gradient(toright,red,orange,yellow,...
linear-gradient(to right bottom, white, skyblue); /* 使用角度值表示渐变方向 */ linear-gradient(45deg, white, skyblue); linear-gradient(.25turn, white, skyblue); 1. 2. 3. 4. 5. 6. 7. 8. 角度值:垂直方向为 0deg,顺时针旋转,45deg 的渐变方向是从左下角到右上角 ...
to right设置渐变从左到右,相当于90deg 3、background: linear-gradient(to top,#d3959b,#bfe6ba); to top 设置渐变从下到上,相当于0deg 4、background: linear-gradient(to bottom,#d3959b,#bfe6ba); 5、background: linear-gradient(to top right,#d3959b,#bfe6ba); ...
linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* } //标准写法 1. 参数: <angle>是角度,单位为deg point: 第一个参数表示线性渐变的方向,可用关键字top、left、bottom、right,to top是从上到下、to left是从左到右,如果定义成to left top,那就是从左上角到右下角(to可...