通常

サラダ

ぼかし filter: blur(3px);

サラダ

ぼかし filter: blur(10px);

サラダ

明度 filter: brightness(50%);

サラダ

明度 filter: brightness(150%);

サラダ

コントラスト filter: contrast(20%);

サラダ

コントラスト filter: contrast(200%);

サラダ

影 filter: drop-shadow(5px 10px 3px #856845);

サラダ

影 filter: drop-shadow(0 0 10px rgba(0,0,0,0.6));

サラダ

白黒 filter: grayscale(60%);

サラダ

白黒 filter: grayscale(100%);

サラダ

色相 filter: hue-rotate(30deg);

サラダ

色相 filter: hue-rotate(180deg);

サラダ

階調 filter: invert(70%);

サラダ

階調 filter: invert(100%);

サラダ

不透明度 filter: opacity(20%);

サラダ

不透明度 filter: opacity(50%);

サラダ

彩度 filter: saturate(30%);

サラダ

彩度 filter: saturate(150%);

サラダ

セピア filter: sepia(70%);

サラダ

セピア filter: sepia(100%);

サラダ

複数のフィルターを指定 filter: grayscale(100%) sepia(100%);

サラダ

複数のフィルターを指定 filter: grayscale(50%) drop-shadow(3px 3px 5px rgba(0,0,0,.8));

サラダ