首页 / 设计素材 / CSS 阴影生成

box-shadow 生成器

可视化生成 box-shadow 代码

关于本工具

写 CSS 的时候,阴影那串参数总调不对,偏移模糊一多就乱。这个工具你把水平偏移、垂直偏移、模糊、扩散、颜色和是否内阴影填进去,它就实时预览效果,并生成对应的 box-shadow 代码。调界面、做卡片悬浮、给按钮加立体感的时候直接拿来用。边填边看,数值不对马上改,比盲写然后刷新页面猜要快。生成完复制走就行,新手也能很快弄出像样的层次感,不用再去背那几个参数的先后顺序。