什么是 CSS box-shadow
**box-shadow** 是一个 CSS 属性,用于向 HTML 元素添加阴影。它是一种基本的网页设计技术,只需使用 CSS 代码即可表达深度和维度,而无需图像。
box-shadow 参数
**box-shadow** 以 '水平-偏移 垂直-偏移 模糊 扩散 颜色' 的顺序指定。水平和垂直偏移确定阴影位置,模糊控制边缘柔和度,扩散控制阴影大小,颜色可以用包含透明度的 **RGBA** 指定。
inset (内阴影)
添加关键字 **inset** 会将阴影绘制在元素内部而不是外部。适用于表达缩进的表单输入或按钮按下状态。
多重阴影分层
可以通过逗号分隔指定多个 **box-shadows** 以对阴影进行分层。 **Neumorphism** 设计结合了明暗阴影来表达三维纹理。