From c6b1491ae32dcf82e2a5e869b71fb8071bc066bd Mon Sep 17 00:00:00 2001 From: nicolasito1411 <60229704+Marchand-Nicolas@users.noreply.github.com> Date: Tue, 26 Sep 2023 18:44:42 +0200 Subject: [PATCH] feat: navbar link hover animation --- styles/components/navbar.module.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/styles/components/navbar.module.css b/styles/components/navbar.module.css index 44b22551..632303b4 100644 --- a/styles/components/navbar.module.css +++ b/styles/components/navbar.module.css @@ -11,6 +11,16 @@ .menuItem { text-transform: underline; cursor: pointer; + opacity: 1; + transition: opacity 0.5s ease; +} + +.navbarContainer:has(.menuItem:hover) .menuItem { + opacity: 0.7; +} + +.menuItem:hover { + opacity: 1 !important; } .menuItemSmall {