阴影

Web原生支持

在 Web 上叫box-shadow

也叫盒阴影

CSS: box-shadow

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

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

示例

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

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

iOS原生支持

Android原生支持

shadow异名

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

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

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

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