CSS ボックスシャドウ生成

X・Yのオフセット、ぼかし（blur）、広がり（spread）、色などのスライダーを調整するだけで、プレビューを見ながらCSSを生成できます。生成されたコードはワンクリックでコピーできます。

はい。複数のレイヤーを重ねて立体的な影を表現できます。insetオプションを有効にすれば、要素の内側に落ちる影（インナーシャドウ）も作成できます。

はい、完全無料・登録不要でご利用いただけます。生成したCSSは商用プロジェクトでも自由にお使いいただけます。