多层阴影层设计器 - 拟物化/纸雕效果

快速上手：三步创建纸雕效果

第一步：打开工具页面，系统默认创建了一个基础阴影层。点击预设方案中的「柔和纸雕」按钮，工具会自动加载5层预配置的阴影参数，你可以立即在右侧预览区看到纸雕效果的雏形。

第二步：根据需要调整全局光源方向。点击光源方向控件或使用方向按钮，将光源设置为你需要的角度（例如315度，即右下方光源，是最常用的自然光照方向）。调整光源后，所有阴影层的偏移值会自动同步更新。

第三步：切换预览形状，观察效果在不同几何形状上的表现。确认效果满意后，点击「复制」按钮将生成的CSS代码复制到剪贴板，粘贴到你的项目样式表中即可。整个过程无需手动编写任何CSS代码。

逐层精细调节

点击任意阴影层卡片，展开该层的参数调节面板。你会看到五个核心参数的控制滑块：水平偏移控制阴影在X轴方向的位移，正值使阴影向右偏移，负值向左；垂直偏移控制Y轴方向的位移，正值使阴影向下偏移，负值向上；模糊半径控制阴影边缘的柔化程度，值越大边缘越模糊；扩展半径控制阴影的整体尺寸，正值使阴影比元素更大，负值使阴影比元素更小且紧贴边缘；颜色选择器用于设定阴影的色相和透明度。

建议的调节策略是：从最外层（列表底部）开始调节，先设定最远层的大幅度偏移和高模糊值，然后逐层向内减小偏移和模糊量，同时逐步增加颜色的不透明度。这种由远及近的调节方式更符合自然光影的物理规律，也更容易获得真实感。

层排序与管理

层的排列顺序决定了阴影的叠加层次。在工具的层列表中，靠上的阴影层会渲染在视觉的最外层，靠下的则更靠近元素本身。使用每层卡片上的上移（↑）和下移（↓）按钮可以调整层的堆叠顺序。如果你发现阴影的叠加效果不符合预期，优先检查层的排列顺序是否正确。

对于不需要的阴影层，可以使用删除按钮将其移除。如果需要增加立体层次感，可以随时点击「添加层」按钮创建新的阴影层。新增的阴影层会使用默认参数创建，你需要根据需要调节其各项参数。建议将总层数控制在3至8层之间：少于3层可能无法表现出足够的立体层次，超过8层则可能导致效果过于复杂且在移动端的渲染性能下降。

深度缩放的实际应用

深度缩放功能在以下场景中特别有用：当你的设计需要从桌面端适配到移动端时，可以通过降低缩放因子（例如从1.0x调整到0.6x）来减小所有阴影层的偏移和模糊值，使阴影效果更适合小屏幕的观看距离。反之，当你需要创建一个突出的、引人注目的视觉元素时，可以增大缩放因子来强化立体感。

深度缩放只影响offsetX、offsetY和blurRadius三个参数，不会改变颜色值和spreadRadius。这意味着调整缩放因子时，阴影的色调和浓淡保持不变，仅改变空间深度感。这是一种非常安全的调节方式，可以放心大胆地尝试不同的缩放值。