画像編集ソフトのように、ぼかしや明るさ調整、グレースケール化などができるCSS
・ぼかし効果
filter: blur(px)
例）blur(5px)
・明るさ調整（100%が元）
filter: brightness(%)
例）brightness(150%)
・コントラスト調整
filter: contrast(%)
例）contrast(200%)
・グレースケール（白黒）
filter: grayscale(%)
例）grayscale(100%)
・色の反転
filter: invert(%)
例）invert(100%)
・透明度
filter: opacity(%)
例）opacity(50%)
・彩度調整
filter: saturate(%)
例）saturate(300%)
・セピア調（レトロ感）
filter: sepia(%)
例）sepia(80%)
・色相の回転
filter: hue-rotate(deg)
例）hue-rotate(90deg)
複数のフィルターをかける場合はスペース区切りで連続して適用
例）ぼかし効果とコントラスト調整
filter: blur(5px) contrast(200%)