new menu version

instriq · Jan 21, 2025 · b043d0c · b043d0c
1 parent faa1d79
commit b043d0c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -385,4 +385,16 @@ footer {
     .down-arrow {
         display: none; /* Esconde o ícone da seta para baixo em telas menores que 900px */
     }
-}
+}
+
+.hamburger.open .line:nth-child(1) {
+    transform: rotate(45deg) translate(5px, 5px); /* Primeira linha */
+}
+
+.hamburger.open .line:nth-child(2) {
+    opacity: 0; /* Oculta a linha do meio */
+}
+
+.hamburger.open .line:nth-child(3) {
+    transform: rotate(-45deg) translate(5px, -5px); /* Terceira linha */
+}
diff --git a/assets/scripts/main.js b/assets/scripts/main.js
@@ -34,5 +34,8 @@ const hamburger = document.getElementById('hamburgerIcon');
 const menu = document.querySelector('nav ul');
 
 hamburger.addEventListener('click', function() {
+    // Alterna a classe 'open' para transformar o hambúrguer em X
+    hamburger.classList.toggle('open');
+    // Alterna a exibição do menu
     menu.classList.toggle('show');
-});
+});