PIXTA

メニュー、ハンバーガーメニューのアイコン

カテゴリナビゲーションアイコン
楽天トラベル
<span class="dli-menu">
  <span></span><span></span><span></span>
</span>
.dli-menu {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 1em;
}

.dli-menu > span {
  display: block;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
}

.dli-menu > span + span {
  margin-top: 0.22em;
}

Recommend

同じカテゴリのアイコン

PIXTA
  1. CSS LABORATORY
  2. ナビゲーション
  3. メニュー、ハンバーガーメニュー

カテゴリ

お気に入りリストに追加しました

お問い合わせを送信しました