Interactive box-shadow builder with multi-layering, real-time Canvas preview, and CSS output.
ボックス シャドウは、照明と標高をシミュレートすることで UI 要素に奥行きを与えます。適切にデザインされた影は視覚的な階層を作成し、インターフェイスをより触感的に感じさせます。
水平オフセット、垂直オフセット、ぼかし、広がり、色、不透明度を調整します。キャンバスのプレビューはリアルタイムで更新されます。問題がなければ CSS コードをコピーします。
ブラーとスプレッドの違いは何ですか？ブラーはシャドウエッジの柔らかさを制御します。スプレッドは、影がどの程度広がるかを制御します。
シャドウレイヤーは何枚使用すればよいですか?通常は 1 ～ 2 層で十分です。内側の奥行きを表現するには、差し込みシャドウを使用します。