📦 Box Shadow 生成器

关于 Box Shadow 生成器

这个 box shadow 生成器完全在你的浏览器中运行。调整水平和垂直偏移、模糊半径、扩展半径、阴影颜色、不透明度和内阴影选项，创建完美的阴影。将生成的 CSS 代码直接复制到你的项目中。

Box-shadow 属性详解

• 水平偏移 —— 正值将阴影向右移动，负值向左移动。
• 垂直偏移 —— 正值将阴影向下移动，负值向上移动。
• 模糊半径 —— 值越大，阴影越模糊、越柔和。0 产生锐利边缘。
• 扩展半径 —— 正值扩展阴影，负值收缩阴影。
• 颜色和不透明度 —— 设置阴影颜色并控制透明度。
• 内阴影 —— 启用后，阴影出现在元素内部而非外部。

如何使用生成器

1. 调整偏移、模糊、扩展和不透明度的滑块。
2. 使用颜色选择器选择阴影颜色。
3. 如需内阴影，勾选内阴影选项。
4. 预览框会实时更新。
5. 点击复制 CSS复制生成的代码。

常见问题

可以使用多个阴影吗？ 生成的 CSS 显示单个阴影。你可以手动在 CSS 中用逗号分隔来组合多个阴影。

不透明度滑块影响颜色吗？ 是的——不透明度通过 RGBA 格式应用到阴影颜色上。

box-shadow 到处都支持吗？ 是的，box-shadow 在包括移动端在内的所有现代浏览器中都受支持。