ボックスシャドウジェネレーター
複数レイヤーの重ねがけとinset(内側)シャドウに対応した、CSSのbox-shadowをビジュアルに作成します。
よくある質問
「Inset」は何をしますか?
影をボックスの外側から内側に反転させ、浮き上がった見た目ではなく、彫り込まれたような見た目にします。
複数の影を重ねられますか?
はい、「影レイヤーを追加」をクリックすると影を重ねられます。CSSのbox-shadowはカンマ区切りの値をネイティブにサポートしています。柔らかく大きい影と、タイトで濃い影を重ねるのは、よりリアルな奥行き効果を得る一般的な方法です。
この内容はどこかに送信されますか?
いいえ、プレビューとCSSはすべてブラウザ内で生成されます。何もアップロードされません。