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. no-image

    JavaScript

    タブやアコーディオンを実装できるjQueryプラグイン「jpix」

    jpixはシンプルなタブやアコーディオンを実装することができるjQue…

  2. JavaScript

    ニュースやお知らせなどに使えるティッカー「jQuery WebTicker」

    ニュースやお知らせなんかに使えるティッカー「jQuery WebTic…

  3. no-image

    JavaScript

    続きを読むボタンを実装できる「ReadMorePlugin」

    ReadMorePluginは「続きを読む」、「もっと読む」、「Rea…

  4. JavaScript

    縦スクロールすると横スクロール(水平移動)していくjQueryプラグイン「jInvertScroll…

    これおもしろいですね。縦スクロールすると垂直に移動していくのではなくて…

  5. FlipClock.js

    JavaScript

    時計・タイマー・カウントダウンを実装できるjQueryプラグイン「FlipClock.js」

    FlipClock.jsというjQueryプラグインを使えば、時計・タ…

  6. Presentation Slideshow

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP