快应用阴影/渐变

1. 从左到右
   

  /* 500px:分割线到左边的距离    to right:从左到右    99%:渐变的扩散成都*/
  background: linear-gradient(to right, rgb(68, 106, 112) 500px, rgb(88, 95, 99) 99%);

2. 从上到下渐变

/* 从顶部开始渐变。起点是红色，慢慢过渡到蓝色 */
background: linear-gradient(red, blue);

4. 20度夹角，从左下角到右上角渐变
   

  /* 20deg：20度夹角，从红色渐变到蓝色  */
  background: linear-gradient(20deg, rgb(230, 161, 161), rgb(227, 227, 231));