Yet Another Ripple Plugin

JavaScript

クリック時に波紋のようなアニメーションエフェクトを実装できるjQueryプラグイン「Yet Another Ripple Plugin」

Yet Another Ripple Pluginは、クリックした時に波紋のようなアニメーションエフェクトを表示させることができるjQueryプラグインです。アニメーションがあることで、ボタンがしっかり押されたことが確認できる上に、何より見た目がとてもオシャレになりますね。

Yet Another Ripple Plugin

デモ

設置されているボタンをクリックすると、そのカーソルの位置を中心に左右へ波紋のようなアニメーションエフェクトが広がっていきます。シンプルですが、さりげない波紋効果がとてもいいアクセントになっていますね。

波紋のカラーやアニメーションの時間は、オプションから調節することもできます。具体的に、カラーは「colors」、アニメーション時間は「duration」から好きな値を指定可能です。

波紋アニメーションをサラッとさりげなく見せたい場合は時間を速めに、一方で優雅な雰囲気を出したい場合には時間を遅めに設定するとよさそうですね。

ちなみに、Yet Another Ripple Pluginは、Googleマテリアルデザインからインスパイアされたとのこと。

ボタンをクリックした時に波紋のようなかっこいいアニメーションエフェクトを実装したいという人は、ぜひ「Yet Another Ripple Plugin」を活用されてみてはいかがでしょうか?

Yet Another Ripple Plugin

関連記事

  1. Accordion.JS

    JavaScript

    クイックな開閉で使いやすいアコーディオン実装「Accordion.JS」

    Accordion.JSは、開閉の動作がクイックで使いやすいアコーディ…

  2. jQuery Smart Placeholder
  3. jQuery fatNav

    JavaScript

    ミニマルテイストなフルスクリーンメニューを実装できる「jQuery fatNav」

    jQuery fatNavはミニマルテイストなフルスクリーンのナビゲー…

  4. no-image

    JavaScript

    超シンプルでオプションもわかりやすいjQueryスライダー「Free Simple Slider」

    Free Simple Sliderは、超シンプルで使い方も簡単なスラ…

  5. JavaScript

    1つのテキストリンクから複数のリンク先が表示される「μllinx」

    μllinx(mullinx)は1つのテキストリンクから複数のリンク先…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP