在线性渐变的参数中,给予对应的颜色,在此给予了 两个 rgb 值,一个为橙色 rgb(255, 123, 0) 另一个为红色 rgb(255, 0, 0),两者间使用逗号进行间隔,那么此时的图片如下:...千万不要认为渐变色只能给予两个颜色,渐变色还可以给予多个颜色,例如以下示例:
background: linear-gradient( rgb(255, 123, 0), rgb(246..., 255, 0), rgb(89, 255, 0), rgb(0, 251, 255), rgb(0, 51, 255));
以上示例渐变色给予了多个不同的颜色,使用渐变色时会将这些颜色自动的进行过度...我们用其中一个颜色举例,例如 red 5%,表示这个红色在整个颜色范围的 5% 时停止纯色范围,开始进行渐变,这个范围指的是从初始位置开始到结束方向的百分比范围,例如如图:
图片
在这里的 red...2.2 渐变形状
径向渐变可以设置渐变形状,例如我设置一个水平半径为50px,垂直半径为 100px 的径向渐变,代码如下:
background: radial-gradient(50px