エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSでハンバーガーアイコンを作ってみた|ハンバーガーボタンの作り方解説 - チップの日常
ハンバーガーアイコンとは上画の様なボタンのことで、ボタンを押すとメニューや設定画面と等が開きます... ハンバーガーアイコンとは上画の様なボタンのことで、ボタンを押すとメニューや設定画面と等が開きます。 スマホ用のサイトとかで良く見かけるようになりましたね。 今回はハンバーガーアイコンをCSSを使って作ってみたので紹介します。 ※今回紹介するのはハンバーガーアイコンのみの作成方法なので、完成したものをタップしても動作はしません。 アイコン完成品 menu 完成品はこんな感じ。 サイズ・色・文字(menu)の有無が変更可能です。 HTML 今回は分かりやすいようにハンバーガー部分の下に「menu」という文字を入れました。 文字部分がいらない場合はspan部分を消去でOK。 CSS 分かりやすいようにコメント入れておきました。 「h-menu」はアイコンの枠部分、「h-text」は文字部分、「h-icon」はハンバーガー部分のスタイルです。 上記CSS内の「border-radius」以外の全て
2016/06/08 リンク