免费
CSS 盒阴影生成器
调整盒阴影，在本地预览并复制 CSS。
整数：偏移/扩展 −100–100 px，模糊 0–200 px，不透明度 0–100%。HEX 颜色 #RGB/#RRGGBB。大阴影会在预览框边界被裁切。阴影预览
探索工具
CSS 盒阴影生成器
调整盒阴影，在本地预览并复制 CSS。
使用方法
- 水平偏移（px）
- 模糊半径（px）
- 生成阴影
即时完成
隐私优先
免费又简单
每周推出新工具
✳你的工具箱
实用工具，高效完成。
只保留你需要的。
真正快速
打开、完成、继续。无需下载、注册或等待。
隐私优先
文件和文字都保留在你的设备上。我们不会存储你的数据。
人人都能轻松使用
没有复杂菜单。你需要的功能就在该在的位置。
从设计开始保护隐私
你的文件完成任务
无需经过我们的服务器。
您的图片、文本、二维码内容和计算数据都会在浏览器中处理。请阅读我们的隐私政策，了解托管、本地存储及当前广告状态的详细信息。
✳让下一个小任务
开始使用让下一个小任务
变得轻松一点。
现在试用第一个工具。免费、无需账户、简单省心。
✳
示例
0px · 8px · 24px · 0px · #000000 · 20%
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);
常见问题
我的输入会发送到服务器吗？
您的图片、文本、二维码内容和计算数据都会在浏览器中处理。请阅读我们的隐私政策，了解托管、本地存储及当前广告状态的详细信息。
这个工具免费吗？
无需账户 · 始终免费