CSSシャドウジェネレーター

ビジュアルジェネレーターでカスタムCSSボックスシャドウを作成。ぼかし、広がり、色などを調整。CSSコードを即座にコピー。

CSSボックスシャドウの生成方法

  1. 1 スライダーを使用して水平および垂直オフセットを調整します
  2. 2 シャドウの柔らかさのためにぼかし半径と拡散半径を設定します
  3. 3 シャドウの色と不透明度を選択します
  4. 4 内側のシャドウのためにインセットを切り替え、複数のレイヤーを追加します
  5. 5 生成されたCSSコードをコピーしてプロジェクトで使用します

関連ツール

🔒 瞬時に結果表示、AIより速い。登録不要。100%プライベート。

最終更新: 2026年1月15日 · v2.1