CSS Box Shadow ジェネレーター – Box Shadow Generator | swiftwand.ai

swiftwand

🎨 CSS Box Shadow ジェネレーター

スライダーで CSS box-shadow を視覚的に調整。複数シャドウ重ね・inset対応・コードコピーまでブラウザ完結。

水平方向 (X) 10px

垂直方向 (Y) 10px

ぼかし (blur) 20px

広がり (spread) 0px

不透明度 (opacity) 0.2

影の色

inset (内側)

ボックスの色

半径 8px

背景

box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.2);

このツールは無料ツール集の一つです。生成された CSS はブラウザ内で完結し、外部送信されません。