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生成器可视化