Windows系统窗口阴影不支持渐变过渡，仅能通过性能设置启用并用注册表调锐边缘；网页页脚阴影需用CSS伪元素配合线性渐变与模糊实现。
电脑屏幕阴影本身不支持直接调节为渐变过渡——Windows 系统中所有“阴影”效果（窗口阴影、图标标签阴影、任务栏阴影）均为固定灰度+固定模糊半径的硬边投影，无法通过图形设置面板开启渐变控制。
窗口下方阴影启用与基础调节
第一步：右键桌面 → 选择“此电脑” → 左侧点“高级系统设置” → “性能”区域点“设置” → 切换到“视觉效果”选项卡 → 勾选“在窗口下显示阴影”。
这一步是启用前提，【未勾选则后续所有调节均无效】。
第二步：保持“自定义”模式 → 取消勾选“动画控件和元素”“平滑滚动列表框内容” → 点击“应用”。
这两项若保留，会导致窗口阴影在缩放或滚动时抖动、错位，掩盖本就微弱的边缘过渡感。
第三步：关闭“在桌面上为图标标签使用阴影”。
图标阴影与窗口阴影共用同一渲染通道，不关闭它，窗口阴影会受干扰而显得发虚、边界模糊不清。
注册表微调阴影模糊强度（仅限 Windows 10/11）
方法一：降低阴影扩散程度
按 Win + R → 输入 regedit → 回车 → 导航至：
HKEY_CURRENT_USER\Software\Microsoft\Windows\DWM
找到 DWORD 值 【DropShadow，双击修改数值数据为 0 → 点击确定。
⚠️注意：设为 0 并非关闭阴影，而是强制使用最小模糊半径（约1px），让边缘更锐利、过渡更短促，视觉上更接近“紧贴窗口底边”的渐变起点感。
方法二：禁用硬件加速叠加（关键降噪）
在同一路径下，新建 DWORD (32位) 值，命名为 【DisableWindowFilter，数值数据填 1。
此举可绕过 DWM 合成器对阴影做的多层混合处理，避免因 GPU 渲染叠加导致的灰阶断层与晕染失真。
用 CSS 伪元素模拟底部渐变阴影（网页场景专用）
若你实际想调整的是网页页脚（footer）区域的阴影过渡效果，而非系统级屏幕阴影，则必须放弃 box-shadow 属性：
① 给 footer 添加 position: relative；
② 在其 ::after 伪元素中写入：
background: linear-gradient(transparent, rgba(0,0,0,0.25));
height: 16px; bottom: -8px; width: 100%; filter: blur(4px); z-index: -1;
③ 加 transition: background 0.4s ease;
【渐变方向必须为 vertical（to bottom），否则阴影会上浮或横向偏移】。
这一步生效的前提是：页面已加载完成，且 footer 未被 transform 或 clip-path 截断。移动端建议将 blur 值降至 2px，避免安卓 WebView 渲染卡顿。
