1. 01ボックスシャドウ、ニューモーフィズム、グラスモーフィズムから選びます。
2. 02ボックスシャドウでは層を追加できます。層を選んでからX/Y、ぼかし、広がり、不透明度、色、内側の影を調整します。
3. 03ニューモーフィズムでは背景色と浮き出し／くぼみを選び、距離、ぼかし、明暗の強さを調整します。
4. 04グラスモーフィズムでは色味、背景の透明度、ぼかし、枠線の透明度を設定します。下部にリアルタイム生成されるCSSをコピーできます。

• ボックスシャドウのX/Yは-100–100 px、ぼかしは0–200 px、広がりは-50–50 px、不透明度は0–100%で、最低1層を残します。
• ニューモーフィズムの距離は2–50 px、ぼかしは0–100 px、強さは5–30%です。明暗の色は colord が背景色をdarken/lightenして求めます。
• グラスモーフィズムのぼかしは0–40 px、背景と枠線の透明度は0–100%です。コードには標準の書き方と -webkit-backdrop-filter の両方が出力されます。
• プレビューはブラウザのCSS表現を映すだけです。実際のページでは親の背景、重なり、性能、ブラウザ対応にも影響されます。
• 対応しないこと：画像の書き出し、複雑なSVGシャドウの生成、あなたのプロジェクトのスタイルシートへの自動書き込みは行いません。

パラメータとCSSは現在のブラウザページ内で計算されるだけで、送信も保存もされません。