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

複数レイヤーの重ねがけとinset(内側)シャドウに対応した、CSSのbox-shadowをビジュアルに作成します。


          
        

よくある質問

「Inset」は何をしますか?

影をボックスの外側から内側に反転させ、浮き上がった見た目ではなく、彫り込まれたような見た目にします。

複数の影を重ねられますか?

はい、「影レイヤーを追加」をクリックすると影を重ねられます。CSSのbox-shadowはカンマ区切りの値をネイティブにサポートしています。柔らかく大きい影と、タイトで濃い影を重ねるのは、よりリアルな奥行き効果を得る一般的な方法です。

この内容はどこかに送信されますか?

いいえ、プレビューとCSSはすべてブラウザ内で生成されます。何もアップロードされません。