CSS 阴影生成器
「CSS 阴影生成器」是一款在浏览器本地运行的在线工具，可视化调整并生成 box-shadow CSS 代码。输入方式为「X 偏移滑块」、「X 偏移」、「Y 偏移滑块」、「Y 偏移」、「模糊半径滑块」、「模糊半径」、「扩展半径滑块」、「扩展半径」、「阴影颜色」、「不透明度 (%)」。结果输出到「CSS 代码」。所有计算都在当前页面内完成，输入内容不会离开你的设备。
打开「CSS 阴影生成器」怎么用
- 打开「CSS 阴影生成器」页面，无需注册或登录。
- 在「X 偏移滑块」、「X 偏移」、「Y 偏移滑块」、「Y 偏移」、「模糊半径滑块」、「模糊半径」、「扩展半径滑块」、「扩展半径」、「阴影颜色」、「不透明度 (%)」中填入或粘贴内容。
- 调整「内阴影 (inset)」等选项。
- 在「CSS 代码」查看结果，可一键复制或下载。
可配置选项
| 选项 | 可选值 |
|---|---|
| 内阴影 (inset) | 开关，可勾选 |
同类工具
常见问题
「CSS 阴影生成器」需要注册或安装吗？
不需要。「CSS 阴影生成器」是纯静态网页工具，打开浏览器即可使用，无需账号、插件或客户端。
使用「CSS 阴影生成器」时，我的数据会被上传吗？
不会。「CSS 阴影生成器」的全部计算都在你的浏览器内完成，输入内容不会发送到任何服务器。页面与已访问过的工具会缓存到本地，断网后仍可继续使用；首次打开某个工具时需要联网下载它。
「CSS 阴影生成器」有哪些可配置的选项？
可勾选「内阴影 (inset)」。
「CSS 阴影生成器」可以在手机上使用吗？
可以。界面适配桌面端与移动端，并支持深浅色主题，在手机浏览器中同样可以正常操作。
「CSS 阴影生成器」是开源的吗？
是。在线工具箱基于 MIT 协议开源，源码托管在 GitHub，可自行部署或二次开发。