box-shadowジェネレーター
X/Yオフセット・ぼかし・広がり・色・不透明度・insetを調整して、box-shadowのCSSをリアルタイムに生成します。
プレビュー
入力
CSS
box-shadow: 8px 8px 16px 0px rgba(26, 34, 48, 0.25);
※ rgba() で色と不透明度をまとめて出力します。複数影を重ねる場合は出力をカンマで連結してください。
X/Yオフセット・ぼかし・広がり・色・不透明度・insetを調整して、box-shadowのCSSをリアルタイムに生成します。
CSS
box-shadow: 8px 8px 16px 0px rgba(26, 34, 48, 0.25);
※ rgba() で色と不透明度をまとめて出力します。複数影を重ねる場合は出力をカンマで連結してください。