From feb8fcadd6662eea3ccec7c901a9fba2323e1c26 Mon Sep 17 00:00:00 2001 From: Trevor Buckner Date: Thu, 14 Oct 2021 00:40:51 -0400 Subject: [PATCH] Animate dropdown --- shared/naturalcrit/nav/nav.less | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/shared/naturalcrit/nav/nav.less b/shared/naturalcrit/nav/nav.less index 60c55dd85..fea4c1c8b 100644 --- a/shared/naturalcrit/nav/nav.less +++ b/shared/naturalcrit/nav/nav.less @@ -1,3 +1,11 @@ +@keyframes glideDropDown { + 0% {transform : translate(0px, -100%); + opacity : 0; + background-color: #333;} + 100% {transform : translate(0px, 0px); + opacity : 1; + background-color: #333;} +} nav{ background-color : #333; .navContent{ @@ -87,6 +95,8 @@ nav{ z-index : 10000; width : 100%; .navItem{ + animation-name: glideDropDown; + animation-duration: 0.4s; position : relative; display : block; width : 100%;