格式:background-image: linear-gradient( 方向/角度 , 颜色1,颜色2,颜色3....);
上面图片中的设置为background: linear-gradient(170deg,transparent,#fff); // #fff表示需要兼容的底色
background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
其他方向和角度:
to top : 从下向上填充渐变色
to right:从左向右填充渐变色
to bottom:从上向下填充渐变
to left :从右向左填充渐变色
0deg : 0度->to top
90deg: 90度->to right
180deg:180度->to bottom
270deg:270度->to left