WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

アニメーションを使ったナビボタン

<body>
<header>
<h1>ナビボタン</h1>
<p class="btn"><span class="icon"></span></p>
</header>
<nav id="menu">
<ul>
  <li><a href="#">ホーム</a></li>
  <li><a href="#">メニュー</a></li>
  <li><a href="#">お店について</a></li>
  <li><a href="#">アクセス</a></li>
</ul>
</nav>
</body>