Box Shadow生成

Box Shadow生成では、位置・blur・spread・alphaからbox-shadowを生成・previewします。

⌂ 入力と結果はこのブラウザー内で処理され、自動保存・送信されません。

入力待ち

● 自動プレビュー

影の色

水平位置0垂直位置8ぼかし24広がり0透明度0.18内側の影

入力待ち

完全なテキスト結果

使い方

カードの浮き上がりを調整するときは影の位置、ぼかし、広がり、色と透明度を指定します。複数の影では各行の役割を確認しながら調整します。

コピーしたCSSを実際の背景と隣接要素で確認してください。影だけで選択状態を伝えず、文字や境界などでも判別できるようにします。

#0F172A

入力は各欄1,048,576バイト、出力は33,554,432バイト、処理時間は5,000ミリ秒までです。入力を黙って切り詰めません。