Menu Button Animations

Web Information

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

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

Menu Button Animations

デモ

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

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

Menu Button Animations

関連記事

  1. Web Information

    iPhone版Pocketで横スクロールした際に次の段落まで飛ぶ機能を無効にするやり方

    iPhoneのPocketが好きで、個人的に結構使ってるんですが、横ス…

  2. 都道府県の一覧やアルファベット、都道府県コードなど

    Web Information

    都道府県の一覧やアルファベット表記、都道府県コードなど

    都道府県の一覧やアルファベット表記、都道府県コードなどを確認できるサイ…

  3. MeasureIt

    Web Information

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

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

  4. Web Information

    音を鳴らしたくない場所で便利!iPhoneのアラームをバイブだけに設定するやり方

    例えば電車の中やカフェなんかで、ちょっとだけ仮眠しようとした時にiPh…

  5. Amazon.co.jpのほしい物リストに追加

    Web Information

    Amazon以外のサイトからでもAmazonのほしい物リストに追加できるChrome拡張機能

    ちょっと便利そうだったのでインストールしてみました。普段Chromeを…

  6. YouTube動画をループ再生する方法

    Web Information

    YouTube動画をカンタンにループ再生(リピート)する方法

    YouTubeでお気に入りの動画などを見ているときに、ループ(リピート…

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP