CSS 现代多层阴影生成器
可视化 CSS 阴影生成器：轻松调配真实平滑的多层外阴影、内阴影（inset）与拟态发光效果，一键导出 CSS 代码。
图层 #{{ idx + 1 }}
水平偏移: {{ l.x }}px
垂直偏移: {{ l.y }}px
模糊: {{ l.blur }}px
扩散: {{ l.spread }}px
不透明度: {{ Math.round(l.alpha * 100) }}%
Card
1. CSS 属性
2. Tailwind CSS 任意值类
自然光线具有多重散射。单层 box-shadow 往往显得生硬呆板，而在现代 UI 系统（如 Stripe、Apple、Tailwind）中，通常由两到三层细腻的微阴影叠加组合而成（贴地接触投影 + 宽幅漫反射软阴影），从而打造出浑然天成的层次感与漂浮质感。