css - CSS スライドアウトパネルの例の適応

Question

hereからの優れたスライドアウトパネルの例を適応させようとしています。

適応コードはこちら

非表示/展開状態に異なるアイコンを使用するのが好きです (非表示の場合は >、展開の場合は < のようなもの)。上記のコードを変更することで可能ですか？最終的には、 Font-Awesome のアイコンを使用する可能性があります

ありがとう。

編集：

元のバージョンからの変更点を明確にするために、使用する予定のコードは同じマークアップを使用していません。これは、歴史の妨げにならないようにするためです。バージョンhttp://codepen.io/jetpacmonkey/pen/ktIJzを使用してください

<header class="main-header">
    <label for="main-nav-check" class="toggle-menu">
      ☰
    </label>

    <h1>cssPanelMenu</h1>
  </header>

score 0 · Accepted Answer

変更するだけです：

<a href="#main-nav" class="open-menu">
  ☰
</a>
<a href="#" class="close-menu">
  ☰
</a>

これに：

<a href="#main-nav" class="open-menu">
  >
</a>
<a href="#" class="close-menu">
  <
</a>