このツールについて
オフセット・ぼかし・広がり・色・不透明度のスライダーを動かして CSS の box-shadow を視覚的に作成し、すぐに使えるルールをコピーできます。すべてリアルタイムに更新され、処理はブラウザー内で完結します。
よくある質問
spread（広がり）の値は何をしますか？
spread はぼかしが適用される前に影を拡大（正の値）または縮小（負の値）し、要素より大きくしたり、ぴったりさせたりします。
inset シャドウとは何ですか？
inset は影を要素の外側ではなく内側に描画します。押し込まれたボタンや内側のグローを表現するのに便利です。