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