Philter

JavaScript

CSSのフィルターをコントロールできるjQueryプラグイン「Philter」

PhilterはCSSのフィルターを簡単にコントロールすることができるjQueryプラグインです。HTMLに属性を設定することで、さまざまなフィルター効果をかけられるのが特徴です。画像をいちいち加工してアップする必要がなくなるので、とても便利ですね。

属性データを記述してフィルターをかける

Philter

data-philter-○○といった属性データをHTMタグに記述することで、自分好みのフィルターをかけることができます。

○○に入る具体的な項目としては、blur、grayscale、hue-rotate、saturate、sepia、contrast、invert、opacity、brightness、drop-shadow、svg、color、vintageといったものが用意されています。

使い方も簡単なので、手軽に画像にフィルター効果を加えたいときに活用してみたいjQueryプラグインですね。

多種多様なフィルターを駆使して、理想的な画像に仕上げてみてはいかがでしょうか?

というわけで、CSSのフィルターをサクッとコントロールできる便利なjQueryプラグイン「Philter」のご紹介でした。

関連記事

  1. jquery.confirm

    JavaScript

    jQueryとBootstrapを使ったボタンとリンクによるダイアログ実装「jquery.confi…

    jquery.confirmは、ページ内のボタンやリンクをクリックする…

  2. Turntable.js

    JavaScript

    画像を使ってストップモーション動画のような効果を実装できる「Turntable.js」

    Turntable.jsは複数の画像を使ってストップモーション動画のよ…

  3. LoadGo

    JavaScript

    画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」

    LoadGoはサイト内にあるロゴなどといった画像をプログレスバー(ロー…

  4. tsorter

    JavaScript

    テーブルにソート(並べ替え)機能を実装できる「tsorter」

    tsorterは、JavaScriptを用いてHTMLテーブルにソート…

  5. Horizon Swiper

    JavaScript

    スワイプやスクロール対応の軽量なjQueryプラグイン「Horizon Swiper」

    Horizon Swiperはスワイプやブラウザスクロールに対応したj…

  6. JavaScript

    マルチレベルで操作性に優れたレスポンシブ対応のjQueryナビゲーション

    レスポンシブに対応したマルチレベルの便利なjQueryナビゲーションが…

最近の記事

  1. Anker PowerPort PD 1 & ライトニングケーブル(0.9m ホワイト)
  2. オリジナルチキン6ピース
  3. 200-DGCAM019
  4. ハクバ GW-PRO RED フォトグローブプロ PL

アーカイブ

PAGE TOP