CSS Box Shadow生成器

可视化调整X/Y偏移、模糊、扩展、颜色、内阴影参数，实时预览，生成CSS代码，支持多层阴影叠加。

柔和阴影 中等阴影 硬边阴影 新拟态 内阴影 发光效果 多层阴影
实时预览
阴影参数 (层 1)
#000000
%
CSS 代码 

      

    

  


  

    
关于CSS Box Shadow生成器

    
CSS Box Shadow生成器是一个可视化工具，帮助前端开发者快速创建和调整CSS box-shadow效果。支持外阴影、内阴影、多层阴影叠加，并可一键复制生成的CSS代码。

    
box-shadow 语法

    
box-shadow: [inset] offset-x offset-y blur-radius spread-radius color;

    
功能特点