スライダーでbox-shadowを調整してCSSコードを生成。
オフセット・ぼかし・色を調整。
プレビューで結果を確認。
CSSコードをコピーして使用。
現在は1つの影に対応しています。複数重ねたい場合はコードを手動でカンマ区切りで追加してください。
insetを指定すると外側ではなく内側に影が付きます。凹んだような見た目になります。
CSSのbox-shadowプロパティをGUI操作で簡単に生成できるツールです。影の方向・ぼかし・色・透明度をリアルタイムに調整でき、生成されたコードをそのままCSSに貼り付けて使えます。