box-shadowジェネレーター

X/Yオフセット・ぼかし・広がり・色・不透明度・insetを調整して、box-shadowのCSSをリアルタイムに生成します。

プレビュー

入力

影の種類

CSS

box-shadow: 8px 8px 16px 0px rgba(26, 34, 48, 0.25);

※ rgba() で色と不透明度をまとめて出力します。複数影を重ねる場合は出力をカンマで連結してください。