CSS 阴影生成器
免费线上 CSS 阴影生成器。即时预览制作复杂的多层阴影。可自订位移、模糊、扩散、颜色与内阴影属性。
CSS 阴影生成器
免费线上 CSS 阴影生成器。即时预览制作复杂的多层阴影。可自订位移、模糊、扩散、颜色与内阴影属性。
关于 CSS 阴影
建立逗号分隔的多层阴影
每个图层都会变成一段 box-shadow 值，包含可选的 inset、水平偏移、垂直偏移、模糊半径、扩散半径与颜色。多个图层会合并在同一个声明中，符合标准 CSS box-shadow 语法。
区块颜色只是预览设置
背景与区块颜色用来检查阴影在浅色或有色表面上的效果。它们不会被放进复制片段，输出只包含生成的 box-shadow 声明。
常见问题
关于这个主题的常见疑问与实用解答。
可以自定义哪些属性？
您可以自定义水平与垂直偏移、模糊半径、扩散半径、阴影颜色，以及切换内阴影模式。
可以添加多层阴影吗？
可以，可叠加多层阴影以营造复杂的立体效果。每层都可以有独立的偏移、模糊、扩散与颜色设定。
生成的代码跨浏览器兼容吗？
是的，标准 CSS box-shadow 属性无需厂商前缀即可在所有现代浏览器中运行。
我的数据会被发送到服务器吗？
不会，box-shadow CSS 生成完全在您的浏览器中执行。您的阴影设置通过 JavaScript 在本地处理，绝不会离开您的设备。