box-shadowジェネレーター

スライダーで影を調整すると、box-shadow の CSS が出ます。「よくある影」から始めて、少しずつ動かすのがかんたんです。

値は X（横のずれ）・Y（縦のずれ）・ぼかし・広がりの順。「内側」にすると inset が付きます。色と不透明度は rgba() で出力します。自然に見せるコツは、Y を少し大きめ・ぼかしを広め・不透明度は控えめ（10〜20%）。

計算はこのブラウザの中だけで、入れた内容はどこにも送りません。