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%;