box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.3);
使用滑块调整水平偏移、垂直偏移、模糊半径和扩散半径。实时预览框中的元素会显示效果。
选择阴影颜色并调整不透明度。建议使用半透明黑色以获得自然的阴影效果。
点击"复制CSS"按钮将生成的box-shadow代码复制到剪贴板，粘贴到您的CSS文件中使用。
CSS盒阴影是网页设计中常用的视觉效果。通过本工具，您可以轻松创建各种阴影效果，无需记忆复杂的CSS语法。
创建柔和阴影时，使用较大的模糊半径和较低的不透明度。创建强烈阴影时，使用较小的模糊半径和较高的不透明度。多层阴影可以创建更复杂的效果。
CSS阴影生成器通过滑块直观调整 box-shadow 的各个参数，实时预览并输出可直接使用的CSS代码。我们的免费CSS阴影生成器帮助您免记语法也能做出漂亮阴影。
柔和阴影用大模糊+低不透明度；强烈阴影用小模糊+高不透明度。多层阴影可叠加出更立体效果。配色可参考CSS渐变生成器。
所有预览在浏览器本地渲染，不上传任何数据。
依次为水平偏移、垂直偏移、模糊半径、扩散半径和颜色，例如 10px 10px 20px 0 rgba(0,0,0,.3)。
使用较大模糊半径（如20-30px）和较低不透明度（0.1-0.3）的黑色，避免生硬黑边。
正值让阴影比元素更大，负值缩小；多数情况设为0即可。
可以。点击“复制CSS”即可获得完整box-shadow声明。
支持。在CSS中用逗号分隔多组值即可叠加，本工具生成单层，您可手动追加。
不会。全部在浏览器本地预览与计算。
通常使用黑色或半透明黑；浅色背景上也可用同色系深色增强层次。
不需要，完全免费。
语法类似，但text-shadow无扩散半径参数，仅用于文字。
还有CSS渐变生成器、取色器、CSS压缩工具等。
CSS阴影生成器通过滑块直观调整 box-shadow 的各个参数，实时预览并输出可直接使用的CSS代码。我们的免费CSS阴影生成器帮助您免记语法也能做出漂亮阴影。
柔和阴影用大模糊+低不透明度；强烈阴影用小模糊+高不透明度。多层阴影可叠加出更立体效果。配色可参考CSS渐变生成器。
所有预览在浏览器本地渲染，不上传任何数据。
依次为水平偏移、垂直偏移、模糊半径、扩散半径和颜色，例如 10px 10px 20px 0 rgba(0,0,0,.3)。
使用较大模糊半径（如20-30px）和较低不透明度（0.1-0.3）的黑色，避免生硬黑边。
正值让阴影比元素更大，负值缩小；多数情况设为0即可。
可以。点击“复制CSS”即可获得完整box-shadow声明。
支持。在CSS中用逗号分隔多组值即可叠加，本工具生成单层，您可手动追加。
不会。全部在浏览器本地预览与计算。
通常使用黑色或半透明黑；浅色背景上也可用同色系深色增强层次。
不需要，完全免费。
语法类似，但text-shadow无扩散半径参数，仅用于文字。
还有CSS渐变生成器、取色器、CSS压缩工具等。
