层 1
预览
CSS 代码
box-shadow: 0px 4px 12px 0px #000000;

如何使用CSS阴影生成器

  1. 选择阴影类型:box-shadow或text-shadow
  2. 调整水平偏移、垂直偏移、模糊半径和扩展半径
  3. 选择阴影颜色和透明度
  4. 可添加多层阴影,复制CSS代码使用

CSS阴影生成器功能说明

  • 支持box-shadow盒子阴影
  • 支持text-shadow文字阴影
  • 支持多层阴影叠加
  • 支持inset内阴影效果

注意事项

  • 模糊半径为0时阴影边缘锐利
  • 扩展半径可增大或缩小阴影范围
  • 多层阴影用逗号分隔
  • 注意阴影对性能的影响