CSSのフィルターを手軽に扱えるようにするスクリプト・「Philter」

Ads

Philter


PhilterはCSSのfilterを手軽にコントロールできるようにする為のスクリプトです。jQuery版とvanilla.JS版があります。CSSを書かずとも、例えばdata-philter-grayscale="100"といったようにカスタムデータ属性だけでフィルタをかけられるようにする、というもの。img要素でも包括要素でもフィルターをかけられるようですね。data-philter-colorでカラーフィルターもかけられるようなのですが、何故か動作しませんでした。後で暇見てもうちょい調べてみます。しかし、何ともアレな名前(Philter=惚れ薬)をつけますね。ライセンスはMIT。

Philter