ui中的外部阴影

UI 外阴影的视觉含义、用法和场景。

#growing #concept

[!info] related notes box-shadow-detailed-guide ui-inner-shadow

Out (外阴影 / Drop Shadow)：模拟“悬浮”
- CSS 对应： box-shadow: 0 4px 6px rgba(…)
- 视觉含义： 元素脱离了背景，向着用户的眼睛方向（Z 轴正向）浮了起来。阴影越模糊（Blur 大）、偏移量越大（Y 值大），说明它浮得越高。
- 使用场景： 弹窗（Modal）、悬浮菜单（Dropdown）、卡片的 Hover 状态、那个全局的极客搜索栏。