Gerador de Box Shadow CSS

Gere visualmente código CSS box-shadow

tools.box-shadow.shadowListLabel

tools.box-shadow.shadowSettingsLabel

tools.box-shadow.xOffsetLabel2px

tools.box-shadow.yOffsetLabel4px

tools.box-shadow.blurLabel10px

tools.box-shadow.spreadLabel0px

tools.box-shadow.opacityLabel30%

tools.box-shadow.colorLabel

tools.box-shadow.insetLabel

tools.box-shadow.previewLabel

tools.box-shadow.cssLabel

box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.30);

工具说明

Gerador de box-shadow CSS online com controles visuais para deslocamento, desfoque, expansão, cor e opacidade. Suporta sombras em múltiplas camadas com cópia do CSS com um clique.

box-shadowcss阴影shadow生成器可视化