From 687d42fd21a54fdf52f4c7b70629ae640607193b Mon Sep 17 00:00:00 2001 From: owsko Date: Sun, 7 Jul 2024 22:40:13 +0300 Subject: [PATCH] menu bar --- stylesheets/contact.css | 1 - stylesheets/menuBar.css | 16 +++++++++++++--- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/stylesheets/contact.css b/stylesheets/contact.css index b1fd960..31a48bb 100644 --- a/stylesheets/contact.css +++ b/stylesheets/contact.css @@ -1,7 +1,6 @@ div { display: flex; justify-content: center; - overflow: auto; } header { diff --git a/stylesheets/menuBar.css b/stylesheets/menuBar.css index ebf00cb..097b763 100644 --- a/stylesheets/menuBar.css +++ b/stylesheets/menuBar.css @@ -13,17 +13,27 @@ } .open .bar1 { + opacity: 0%; + transform: translateX(20px); + + /* -webkit-transform: rotate(-45deg) translate(-6px, 6px); transform: rotate(-45deg) translate(-6px, 6px); + */ } .open .bar2 { - opacity: 0; + opacity: 95%; } .open .bar3 { - -webkit-transform: rotate(-45deg) translate(-5px, -5px); + opacity: 0%; + transform: translateX(-20px); + + /* + -webkit-transform: rotate(45deg) translate(-5px, -5px); transform: rotate(45deg) translate(-5px, -5px); + */ } .open .mobile-menu { @@ -52,6 +62,6 @@ } #menu-icon { - display: block; + display: flex; } } \ No newline at end of file