阴影和渐变

阴影

box-shadow:h-shadow v-shadow blur spread color outset;

  参数值                            描述

h-shadow                表示水平阴影的位置，可负值（必写）

v-shadow                表示垂直阴影的位置，可负值（必写）

blur                          阴影模糊半径（可写可不写）

spread                     阴影扩展半径，不可为负值（选写）

color                        阴影颜色（选写）

outset/inset              默认外阴影、内阴影（选写）

渐变

线性渐变

background-image:linear-gradient(参数值)；

background-image:linear-gradient(渐变角度,颜色值);

径向渐变

background-image:radial-gradient(参数值);

background-image:radial-gradient(渐变形状,圆心位置,颜色值);