Shadow CSS

盒阴影调配

阴影 #1

-50px0px50px
-50px2px50px
0px4px100px
-50px0px50px
0%100%
阴影效果

盒阴影生成工具说明

此工具可以帮助您创建和自定义CSS盒阴影效果。

  • X/Y偏移:控制阴影在水平和垂直方向的偏移量
  • 模糊半径:值越大阴影越模糊
  • 扩散半径:控制阴影的扩散程度
  • 内阴影:勾选可创建元素内部的阴影效果

使用提示:

  • 可以添加多个阴影效果
  • 使用滑块调整阴影参数
  • 点击"复制代码"将CSS代码复制到剪贴板
  • 点击"随机阴影"可生成随机阴影效果