渐变

/ 线性渐变 /

            /* 从上往下  */

            /* background: linear-gradient(to bottom,red,green,blue); */

            /* 从下往上 */

            /* background: linear-gradient(to top,red,green,blue); */

            /* 从左往右 */

            /* background: linear-gradient(to right,red,green,blue); */

            /* 从右往左 */

            /* background: linear-gradient(to left,red,green,blue); */

            /* 从右上到左下 */

            /* background: linear-gradient(to left bottom,red,green,blue); */

            /* 从左下到右上 */

            /* background: linear-gradient(to top right,red,green,blue); */

/径向渐变/

            /* background: radial-gradient(red 5%,green 30%,blue 60%); */

            /* background: radial-gradient(circle,red 10%,green 30%,blue 60%); */