Menu Button Animations

Web Information

スマホメニューのアイコンをアニメーション変化させる「Menu Button Animations」

Menu Button Animationsは、アニメーションが付いたスマホメニューアイコンを実装できるのが特徴です。スマホページのメニューでよく見かけるハンバーガーアイコンなどをアニメーションで変化させます。

Menu Button Animations

デモ

デモでは、いくつかのハンバーガーメニューが表示されていて、アニメーションによりバツ印になったり矢印になったりと、滑らかに変化していく様子を見ることができます。

ハンバーガーアイコンの3本の横線が動き出して形を変えていくサマはとてもおもしろいですね。スマホのメニューアイコンをどうしようか悩んでいる人にはとても参考になるのではないでしょうか?

Menu Button Animations

S-Paginationスライダー付きのページネーションを実装できる「S-Pagination」前のページ

軽量で操作性もいい画像ズーム機能を実装できる「Simple Image Zoomer jQuery Plugin」次のページno-image

関連記事

  1. Web Information

    Google検索で日付や期間指定をして検索結果を表示する方法

    Googleで調べたいものを検索した時に「どうも古い情報しか出てこない…

  2. ブラウザをメモ帳にするやり方

    Web Information

    ブラウザのURL欄に一行入力するだけでメモ帳にすることができる

    とてもおもしろかったのでご紹介。ブラウザのURL欄にたった一行入力する…

  3. Web Information

    iPhoneでストップウォッチを使うにはデフォルトアプリ「時計」が便利

    iPhoneでストップウォッチを使うにはデフォルトで入っているアプリ「…

  4. MeasureIt

    Web Information

    Webページ上の要素の縦横サイズを計測できるChrome拡張機能「MeasureIt」

    MeasureItはWebページ上の特定の要素の縦横サイズを簡単に計測…

  5. Web Information

    Webデザインを参考にする時に役立つWebデザインギャラリーのまとめ

    毎回Webデザインで悩み始めるとその都度よさげなギャラリーサイトなんか…

  6. Web Information

    「iPhoneを検索」でWebページ検索ができるのでとても便利

    最近iPhoneでよく使う機能が「iPhoneを検索」です。左から右へ…

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP