CSSフィルタージェネレーター - ビジュアルCSSフィルタービルダー

ライブプレビューでCSSフィルター効果をビジュアルに作成

CSSツール

Tool

Filter Controls

blur (0px)brightness (1)contrast (1)grayscale (0%)hue-rotate (0deg)invert (0%)opacity (100%)saturate (1)sepia (0%)

CSS

/* all values are at defaults */

使い方

CSSフィルタープロパティは、ぼかし、明るさ、コントラスト、色調整などの視覚効果を要素に適用します。画像だけでなく、あらゆるHTML要素で動作します。

このジェネレーターは、CSSをきれいに保つために、デフォルト値のフィルター関数を省略します。デフォルト値から変更したフィルターのみが含まれます。