CSS ボックス シャドウ ジェネレーター

CSS ボックス シャドウ ジェネレーターは、CSS ボックス シャドウ プロパティのビジュアル エディターです。 スライダーでオフセット、ぼかし半径、広さの半径、色、不透明度を調整し、プレビュー要素でライブ結果を表示してから、正確な CSS をコピーします。 ピクセル値を推測してページをリロードする代わりに、影を直接形作り、生成するコードを読み取ります。

ボックス シャドウ プロパティは、一見深いです。 1 つの宣言で複数のシャドウをスタックできます。それぞれにオフセットがあり、ぼかし、広がり、色が付けられ、オプションの inset キーワードで要素内ではなく要素内に描画します。 実際のインターフェースのシャドウは、ほとんどの場合、2 つ以上のレイヤーを使用して自然に見えるようにします。これは、手書きで面倒です。 このツールは、レイヤーを管理し、正しいコンマ区切りの順序で有効な宣言を出力します。

すべてのブラウザで発生します。 プリセットを選択し、レイヤーを調整し、プレビューを明るい背景と暗い背景に切り替えて、標準プロパティまたは -webkit- プレフィックスを含むブロックをコピーします。 アカウントもアップロードもありません。ページが読み込まれた後もオフラインで動作します。