微信小程序box-shadow

微信小程序中的box-shadow属性用于为元素添加阴影效果。该属性可用于设置水平阴影位置、垂直阴影位置、模糊距离、阴影大小、阴影颜色以及阴影的内外部效果。具体的属性值如下所示：[1]

- h-shadow: 必需，表示水平阴影的位置，可以为负值，即阴影向左偏移或向右偏移；
- v-shadow: 必需，表示垂直阴影的位置，可以为负值，即阴影向上偏移或向下偏移；
- blur: 可选，表示模糊的距离，即阴影的模糊程度；
- spread: 可选，表示阴影的大小，可以正值或负值；
- color: 可选，表示阴影的颜色，可以使用预设的颜色值或自定义颜色值；
- inset: 可选，表示阴影的内外部效果，默认为外部阴影，可以设置为inset表示内部阴影。

通过设置这些属性值，可以实现不同样式的阴影效果，例如在微信小程序中使用box-shadow属性为页面添加底部阴影效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [微信小程序 按钮添加阴影效果实现立体悬浮感](https://blog.csdn.net/dwp10000/article/details/123138124)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [微信小程序tabBar边框加|上阴影](https://blog.csdn.net/kxmzl/article/details/127571329)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]