CSS Box Shadow 產生器

可視化產生 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);

工具说明

線上 CSS box-shadow 產生器，可視化調整陰影偏移、模糊、擴散、顏色、透明度，支援多層陰影疊加，一鍵複製 CSS 程式碼。

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