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