Adding an opacity transition for the sub-menu to appear

1 files changed, 4 insertions, 2 deletions

diff --git a/menu.css b/menu.css
index 972629d..62fd30b 100644
--- a/menu.css
+++ b/menu.css
@@ -52,11 +52,13 @@ nav > ul > li:hover > a {
 }
 
 nav ul ul a {
-  background-color: #EEEEEE;
+  transition: opacity 0.2s ease;
   visibility: hidden;
   opacity: 0;
   height: 0px;
-  line-height: 21px;
+  line-height: 0px;
+
+  background-color: #EEEEEE;
   padding: 0 20px;
   color: black;
 }