2018年01月22日(月)
3本線のメニューアイコンのアニメーションパターンをいろいろ集めたサンプル集・「Half Second Hamburger Helper」
Half Second Hamburger Helper
See the Pen Half Second Hamburger Helper by Kurt Petrek (@KPCodes) on CodePen.
Half Second Hamburger Helperはよく見かける3本線のメニューアイコン、いわゆるハンバーガーアイコンのアニメーションエフェクトのパターンをまとめたサンプル集です。CodepenではJSも書かれていますが、基本全てCSSで制御できる様です。Half Second Hamburger Helper
- Post by かちびと.net
- PR:WPデザインギャラリー
- アイコンを表示させる際にSVGスプライトとPNGのどちらが重いかをテストした動作サンプル
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
[ユーザー投稿] 【無料セミナー】BtoB企業の戦略的ウェブサイト活用セミナー(名古屋)
NEXT ›
[ユーザー投稿] アラフォー上司の説得に?『不良ページとよばれて』若手Web担当者のお助けサイト誕生
関連記事
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『3本線のメニューアイコンのアニメーションパターンをいろいろ集めたサンプル集・「Half Second Hamburger Helper」』についてまとめています。
この記事は特にアニメーション・アイコン・SVGについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。