今まではIllustratorやPhotoshopなどで調整していた明度や彩度の調整から、ぼかしやグレースケール化までCSSで実装可能です。 しかも動画にも使えるなんて便利すぎる! CSS Filter Effectsこの記事で紹介するCSSフィルター効果でできることのサンプル! filterはもともとSVG仕様の一部でしたが、W3Cは共通のフィルター効果をCSSにも追加する取り組みを始めたんですね。 CSSフィルターは大胆に信じられないほど簡単に使えます。サンプルも用意しているので、コピペして使ってくださいね。 明るさ:brightness() 明るさ(Brightness)フィルターは、画像の明るさを調整します。 パラメータとして、0以上の値が使えます。 0%〜調整でこの画像の明るさを調整できます。 100%以上の値を指定すれば、原色の明るさを超えて画像をさらに明るくできます。 例えば
![CSSで画像を白黒・セピア・ぼかし技術!filterで実現可能](https://cdn-ak-scissors.b.st-hatena.com/image/square/4de4efb61014b6188149097dab6f24b1d2660456/height=288;version=1;width=512/https%3A%2F%2Fiholdings.jp%2Fwp-content%2Fuploads%2F2018%2F08%2Ffilter_i.jpg)