开发者Processado no seu navegador
CSS 盒阴影生成器
实时预览,可视化创建 CSS 阴影。
今日已使用 0/3 次 · 剩余 3 次。升级Pro，解除限制。.
图层
1/6
导出
CSS3
处理方式
本地设备处理
01
实时预览
目标
CSS 结果
box-shadow: 0px 30px 60px -15px #4f46e566;02
图层 (1/6)
§ 如何使用
如何可视化生成 CSS box-shadow
创建任意深度的阴影效果（从细腻到强烈），实时预览，一键复制代码。
设置偏移量
X（水平）、Y（垂直）、Blur（柔化程度）和 Spread（厚度）。拖动滑块，实时查看效果。
选择阴影颜色
默认为低透明度黑色（自然阴影效果）。若想实现彩色'光晕'，可选择品牌主色。
叠加多层阴影（可选）
专业阴影通常使用 2-3 层（近距阴影 + 环境阴影），叠加后层次感更真实。
复制 CSS 代码
可直接粘贴使用，支持可选的 inset（内阴影）及跨浏览器前缀。
相关
相关工具
Da mesma categoria.