Yet Another Ripple Pluginは、クリックした時に波紋のようなアニメーションエフェクトを表示させることができるjQueryプラグインです。アニメーションがあることで、ボタンがしっかり押されたことが確認できる上に、何より見た目がとてもオシャレになりますね。
Yet Another Ripple Plugin
以下のページから、Yet Another Ripple Pluginの実際のデモやコードを確認できます。
設置されているボタンをクリックすると、そのカーソルの位置を中心に左右へ波紋のようなアニメーションエフェクトが広がっていきます。シンプルですが、さりげない波紋効果がとてもいいアクセントになっていますね。
波紋のカラーやアニメーションの時間は、オプションから調節することもできます。具体的に、カラーは「colors」、アニメーション時間は「duration」から好きな値を指定可能です。
波紋アニメーションをサラッとさりげなく見せたい場合は時間を速めに、一方で優雅な雰囲気を出したい場合には時間を遅めに設定するとよさそうですね。
ちなみに、Yet Another Ripple Pluginは、Googleマテリアルデザインからインスパイアされたとのこと。
ボタンをクリックした時に波紋のようなかっこいいアニメーションエフェクトを実装したいという人は、ぜひ「Yet Another Ripple Plugin」を活用されてみてはいかがでしょうか？
Yet Another Ripple Pluginの詳しい使い方やダウンロードは、以下のページからどうぞ。
