工具的交互按钮和输入提示目前可能以英文显示。
工具
CSS 盒阴影生成器
在 CSS 盒阴影生成器 中输入 偏移、模糊、扩展和颜色，即可获得 阴影预览和 CSS 代码；无需安装软件或注册账号。
CSS 盒阴影生成器 只在此浏览器内处理输入和文件，不会将其发送给外部服务，数据也不会离开当前页面。
Preview
px
10%
Layer 1
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);使用方法
CSS 盒阴影生成器 是一款实用的浏览器工具，可接收 偏移、模糊、扩展和颜色 并生成 阴影预览和 CSS 代码。设置和结果都能在当前页面逐步检查。 实际示例：0 8px 24px rgba(0,0,0,.2)。
- 在 CSS 盒阴影生成器 中选择偏移、模糊、扩展和颜色设置。
- 调整设置并查看实时预览。
- 点击复制按钮复制结果。
输出
- CSS 盒阴影生成器 示例：0 8px 24px rgba(0,0,0,.2)
限制
- CSS 盒阴影生成器 的限制：过重的阴影会影响可读性或渲染性能。重要结果请与原始资料核对。
隐私
CSS 盒阴影生成器 只在此浏览器内处理输入和文件，不会将其发送给外部服务，数据也不会离开当前页面。
常见问题
CSS 盒阴影生成器 会生成什么？
它会根据输入和所选设置生成 阴影预览和 CSS 代码。
CSS 盒阴影生成器 的结果可以直接使用吗？
过重的阴影会影响可读性或渲染性能。用于重要工作前请检查结果。