盒子阴影
box-shadow：默认是外阴影，不设置inset就是内阴影，设置了inset就是内阴影了
x-offset（x轴位移） y-offset（y轴位移） 20px（模糊半径的大小） blur-radius color（阴影颜色）
格式：box-shadow:inset 0 0 30px royalblue; .线性渐变：向上、向下、向左、向右、向对角
2.径向渐变：由他们的中心决定，向外成弧形变化
/* 线性渐变 */
/* 从上往下 */
/* 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%); */
