简体中文
简体中文
# box-shadow
CSS box-shadow 属性用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果，并用逗号将他们分隔开。该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。
# uni-app x 兼容性
| Android | iOS | web |
|---|---|---|
| 3.9 | 4.11 | 4.0 |
# 语法
box-shadow: none | <shadow>#;
# box-shadow 的属性值
inset
如果没有指定inset，默认阴影在边框外，即阴影向外扩散。
使用 inset 关键字会使得阴影落在盒子内部，这样看起来就像是内容被压低了。此时阴影会在边框之内 (即使是透明边框）、背景之上、内容之下。
none
No shadow.
# 兼容性
# box-shadow 的属性值兼容性
| Android | iOS | web | |
|---|---|---|---|
| inset | 3.9 | 4.11 | 4.0 |
| none | 3.9 | 4.11 | 4.0 |
# 浏览器兼容性
| Chrome | Edge | Firefox | Opera | Safari | IE | |
|---|---|---|---|---|---|---|
| box-shadow | √（ 10 ） | √（ 12 ） | √（ 4 ） | √（ 10.5 ） | √（ 5.1 ） | √（ 9 ） |
# App平台差异
iOS平台 box-shadow 和 overflow: hidden 不能同时设置，添加了阴影会导致 overflow：hidden 失效
