JavaScript

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

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

[ads_center]

Waves

Waves

Waves

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

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

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

関連記事

  1. Bar Indicator

    JavaScript

    数値をインジケーターで見やすく表示できる「Bar Indicator」

    Bar Indicatorは数値をインジケーターで表示させることができ…

  2. topbar

    JavaScript

    画面上部に美しいプログレスバーを表示できる「topbar」

    topbarは、ページ読み込み時に画面上部に美しいプログレスバーを表示…

  3. Responsive Sidebar Navigation
  4. Animated Weather Cards

    JavaScript

    シンプルでお洒落なアニメーションつき天気予報「Animated Weather Cards」

    お洒落なアニメーションがついた天気予報カード「Animated Wea…

  5. JavaScript

    ナビゲーションをレスポンシブデザインにしてくれるjQueryプラグイン「HorizontalNav」…

    覚えておくと便利そうだったのでメモがてらエントリーします。リスト化した…

  6. elmenu

    JavaScript

    レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

最近の記事

  1. カメラマングローブ Grip Hot Shot III
  2. 包(つつむ)巾着ポーチ
  3. KMC-80BK
  4. 味噌ラーメン〜旨辛にんにく味噌〜

Instagram始めました

Facebookページ

PAGE TOP