Animation for hamburger menu

fixes #2
This commit is contained in:
2021-02-13 00:11:58 +01:00
parent a91ccf1c36
commit e9ee0f8ce5
9 changed files with 92 additions and 70 deletions

View File

@ -8,9 +8,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" href="styles/main.css" media="screen">
<script src="scripts/menu.js"></script>
<link rel="stylesheet" href="styles/fancybox.css" media="screen">
<script src="plugins/jquery-3.5.1.min.js"></script>
<script src="scripts/menu.js"></script>
<link href="plugins/jquery.fancybox.min.css" rel="stylesheet">
<script src="plugins/jquery.fancybox.min.js"></script>
<script src="scripts/exposition.js"></script>
@ -19,16 +19,18 @@
<header>
<nav>
<div id="hamburger">
<div class="container" onclick="mobilemenu()"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
<div class="container"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
<ul>
<li class="title">Ginou</li>
<li><a href="index.html">Accueil</a></li>
<li><a href="biographie.html">Biographie</a></li>
<li class="selected"><a href="exposition.html">Exposition</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li><a href="divers.html">Divers</a></li>
<li><a href="informations.html">Informations</a></li>
<div class="hidden">
<li><a href="index.html">Accueil</a></li>
<li><a href="biographie.html">Biographie</a></li>
<li class="selected"><a href="exposition.html">Exposition</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li><a href="divers.html">Divers</a></li>
<li><a href="informations.html">Informations</a></li>
</div>
</ul>
</nav>
</header>