Webデザインで背景をぼかしたり、明るさやコントラストを調整したい時に便利なのが、CSSの backdrop-filter プロパティです。このジェネレーターを使えば、ぼかし・彩度・明るさ・グレースケール・セピアなどのエフェクトを直感的に調整し、リアルタイムでプレビューを確認できます。さらに、生成されたCSSコードをワンクリックでコピーできるので、すぐにコーディングに活用できます！
CSSコード
使い方
- フィルター調整
スライダーを動かすと、ぼかしや彩度などのエフェクトがリアルタイムで適用されます。 - プレビューの確認
画像中央の四角いエリアに適用されたbackdrop-filterの効果を確認できます。 - CSSコードをコピー
「コピー」ボタンを押せば、適用したbackdrop-filterのCSSコードを取得できます。 - リセット
「リセット」ボタンを押すと、すべてのフィルターがデフォルトの状態に戻ります。
