JavaScript

ボタンやアイコンに素敵なクリックエフェクトを実装できる「Waves」

ボタンやアイコンに素敵なクリックエフェクトを実装することができる「Waves」がおもしろかったのでご紹介します。Google Material Designにインスパイアされたクリックエフェクトです。ボタンやアイコン内のクリックした場所から外側にかけてエフェクトが広がっていきます。言葉で説明するよりも見た方が早そうです。

[ads_center]

Waves

Waves

Waves

さりげない感じがとてもお洒落ですね。クリック時にその場所を基点に波が広がっていくイメージです。div要素や画像にも取り入れることができるので、色んな部分に使うことができそうですね。

ブラウザ動作は最新のモダンブラウザ(IE, Chrome, Firefox, Opera, Safari, またはIE10+)に対応しているとのこと。

というわけで、クリックの際に何かエフェクトを取り入れたい場合に活用してみたいです。

関連記事

  1. OverlayScrollbars
  2. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン12選のまとめ 2012/08 – 2012/0…

    2012年8月〜2012月9月までの当ブログで紹介したjQueryプラ…

  3. iziToast

    JavaScript

    エレガントでレスポンシブに対応したトーストを実装できる「iziToast」

    iziToastは、エレガントでレスポンシブに対応した軽量のトーストを…

  4. Slinky.js

    JavaScript

    上下にスクロールでコンテンツが開閉するjQueryプラグイン「Slinky.js」

    なかなか面白かったのでご紹介します。上下にスクロールするとコンテンツが…

  5. Toolgif

    JavaScript

    GIFアニメーションによるツールチップを実装できる「Toolgif」

    ToolgifはGIFアニメーションを活用したツールチップを実装するこ…

  6. JQuery SlideShow

    JavaScript

    軽量な自動スライドショー(画像・動画)を実装できる「JQuery SlideShow」

    JQuery SlideShowは、画像・動画のスライドショーを実装で…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP