CSS阴影生成器
通过实时滑块调整偏移量、模糊度、扩展范围、颜色和不透明度,在预览卡片上直观设计出box-shadow阴影效果,然后复制精确的CSS box-shadow属性代码——同时支持叠加多层阴影。
设计与 CSS 工具 完全在浏览器中运行
所有处理都在你的设备上完成,不会发送任何内容到服务器。
CSS 代码
box-shadow: 0px 8px 20px -2px rgba(0, 0, 0, 0.25);
通过实时滑块调整偏移量、模糊度、扩展范围、颜色和不透明度,在预览卡片上直观设计出box-shadow阴影效果,然后复制精确的CSS box-shadow属性代码——同时支持叠加多层阴影。
所有处理都在你的设备上完成,不会发送任何内容到服务器。
box-shadow: 0px 8px 20px -2px rgba(0, 0, 0, 0.25);