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」のご紹介でした。

CSS Jquery Pie Countdown Timerグラデーションが美しい円形カウントダウン「CSS Jquery Pie Countdown Timer」前のページ

要素を手軽にアニメーション化できる「Force.js」次のページForce.js

関連記事

  1. Smooth Anchor Scrolling

    JavaScript

    ページ内リンクをスクロールできる「Smooth Anchor Scrolling」

    ページ内リンクをスムーズにスクロールできる「Smooth Anchor…

  2. jTableScroll

    JavaScript

    ヘッダーとフッターを固定したままスクロール可能なテーブル「jTableScroll」

    jTableScrollはヘッダーとフッターを固定したままスクロール…

  3. JavaScript

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラグイン「SHARDS」

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラ…

  4. Micromodal.js

    JavaScript

    アクセシブルで軽量なモーダルダイアログを実装できる「Micromodal.js」

    Micromodal.jsは、アクセシブルでファイル容量も軽量なモーダ…

  5. JavaScript

    サイドからスライド開閉するレスポンシブメニューのjQueryプラグイン「Material Menu」…

    Material Menuはサイドからスライド開閉するレスポンシブ対応…

  6. LC Micro Slider

最近の記事

  1. ハムエッグホットサンドとドリップコーヒー
  2. 高輪ゲートウェイ駅のスタバ
  3. 新幹線
  4. リッチモンドホテル
  5. ハーブバターチキン 石窯フィローネとドリップコーヒー

アーカイブ

PAGE TOP