filters.css
filters.cssは細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリです。
昔ご紹介したInstagram.cssなどのように、任意の画像にclassを付与するだけでカラーフィルターをかけられる、というもの。
こちらは細かい設定も可能で、より使いやすく設計されている印象です。
サンプル
動作テストです。フィルターがかかっているのが確認出来ましたでしょうか。
<link href="https://unpkg.com/filters.css" rel="stylesheet">
↑ CDNが用意されているので手軽に試せますね。
<img class="hover-blur-2" src="foo.jpg" />
↑ 例えば上記ならマウスホバー時にfilter: blur(2px);をかける事が出来ます。
他にもgrayscaleやcontrast、saturateや、背景をblurさせるbackdrop-blurなどがそれぞれ10段階用意されている他、hoverタイプなども用意しているなど、細かい設定にも対応しています。
需要はともかく、使いやすいんじゃないかなぁと思います。ライセンスはMIT。
