阴影外观

在元素周围投出的一片暗影，让它看起来浮在别的内容之上。

示例

Webbox-shadow原生支持点选数值，样本实时变化

box-shadow: 0 4px 8px -2px rgba(0,0,0,.26), 0 12px 22px -6px rgba(0,0,0,.22);

Web原生支持

平台通用范围

也叫盒阴影

CSS: box-shadow

一次可以设置多层阴影，用逗号分隔；加 inset 关键字则变成内阴影。

iOS原生支持

平台通用范围

SwiftUI: .shadow(color:radius:x:y:)

Android原生支持

平台通用范围

也叫 elevation

Compose: Modifier.shadow

官方描述是「创建一个绘制阴影的 graphicsLayer」，参数以 elevation 表达高度。

阴影投在元素之外表达高度，边框沿轮廓描线表达边界。

阴影只是让人看起来觉得谁更高，层叠顺序决定谁真的盖住谁。

FlutterBoxShadow
BoxDecoration(boxShadow: [BoxShadow…])
常用于 BoxDecoration.boxShadow。
Flutter — BoxShadow class · Flutter

这条词条还没有经过验证的实现提示词。