JA EN ZH

阴影 / 投影

在图像、文字或 UI 元素后方渲染阴影的视觉效果,营造深度感和悬浮外观。

投影是在元素后方渲染阴影的视觉效果,营造元素悬浮于表面之上的错觉。在 Web 设计中,常通过 CSS box-shadowtext-shadow 属性应用于卡片组件和按钮以增加深度感。

阴影参数包括水平偏移 (X)、垂直偏移 (Y)、模糊半径和颜色 (通常为半透明黑色)。例如,box-shadow: 2px 4px 8px rgba(0,0,0,0.2) 产生向右偏移 2px、向下偏移 4px、模糊 8px 的柔和阴影。

在图像编辑中,为抠出的主体添加阴影有助于其与新背景自然融合。使用背景去除工具分离主体后,应用投影可创建逼真的合成效果。将阴影与边框圆角组合使用,可制作精致的卡片设计。

Related Terms

Related Articles