很多新手设置渐变颜色会使他们相加为100%,其实不必。
#box {
margin: 15px;
width: 280px;
height: 200px;
color: #555454;
border: 1.5px #E6E6E6 solid;
background:linear-gradient(#CDCDFF 1%,white 20%);
}
渐变默认垂直向下,不同渐变变化方向如下:
background: linear-gradient(to top,blue,pink,red);
background: linear-gradient(to left,blue,pink,red);
background: linear-gradient(to right,blue,pink,red);