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

はい。レイヤーを追加して柔らかなアンビエントシャドウと引き締まったコンタクトシャドウを組み合わせたり、色付きグローを重ねたりできます。各レイヤーには個別のオフセット、ブラー、スプレッド、カラー、インセット切替があります。

ワンクリックの出発点として、Stripe風カードのエレベーション、ニューモーフィズムの浮き出し/押し込み、Materialの奥行き、ソフトなグローを用意しています。適用後にスライダーで調整できます。

box-shadowの行をCSSにコピーしてください。複数レイヤーは、ブラウザの仕様どおりカンマで区切られています。