Shadow属性和【CSS3 Box Shadow(阴影)效果在线调试工具】

Shadow属性示例
向内/向外 | x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色

inset 阴影向内 (默认向外)

/* x偏移量 | y偏移量 | 阴影颜色 */
box-shadow: 6px 16px teal;

/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影颜色 */
box-shadow: 1px 5px 5px black;

/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.6);

/* 插页(阴影向内) | x偏移量 | y偏移量 | 阴影颜色 */
box-shadow: inset 5em 1em gold;

/* 任意数量的阴影，以逗号分隔 */
box-shadow: 300px 3px red, -1em 10rpx 1em olive;

CSS3 Box Shadow(阴影)效果在线调试工具