CSS Filter Generator

CSS フィルターは、レンダリング前に外観を変更する要素に適用される視覚効果です。filter プロパティは、blur()、brightness()、contrast()、grayscale()、hue-rotate()、invert()、opacity()、saturate()、sepia()、drop-shadow() などの関数を受け入れます。フィルターは画像、テキスト、コンテナを含む任意の要素に適用できます。複数のフィルターはスペースで区切って組み合わせることができます。

個々のフィルタースライダーを調整して、プレビューテキストにリアルタイム効果を表示します。プレビューはフィルターが外観にどのように影響するかを示します。クイックスタートポイントにはプリセットを使用します：None（フィルターなし）、Grayscale（白黒）、Vintage（コントラスト付きセピア）、Blur（ガウスぼかし）、Invert（色反転）、Warm（温かみのある飽和）。Copy CSS をクリックして、スタイルシートに貼り付ける準備ができた filter プロパティ値を取得します。

CSS フィルターは、滑らかなパフォーマンスのために最新のブラウザで GPU アクセラレーションされています。ただし、過度のフィルター（特に大きな領域のぼかし）はパフォーマンスに影響を与える可能性があります。すべての最新ブラウザが CSS フィルターをサポートしています。古いブラウザの場合、フォールバックまたはプログレッシブエンハンスメント戦略を検討してください。