すべてのツール
CSSボックスシャドウ生成
box-shadowをライブプレビューで生成。ぼかし・広がり・内側。
プレビュー
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
グラデーションやグラスモルフィズムをお探しですか？専用ツールをお試しください： CSSグラデーション生成 · グラスモルフィズム作成
広告
広告
box-shadowをライブプレビューで生成。ぼかし・広がり・内側。
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
グラデーションやグラスモルフィズムをお探しですか？専用ツールをお試しください： CSSグラデーション生成 · グラスモルフィズム作成
box-shadow（外側・内側）です。ライブプレビュー付きなので、試行錯誤ではなく目で見ながら調整できます。グラデーションとグラスモフィズムには、Sticraftにそれぞれ専用のツールがあります。
はい、insetオプションを有効にすると、影が要素の背後ではなく内側に描画されます。
いいえ。CSSはブラウザ内でリアルタイムに生成されます。