From e4d96f3f8af5414cd1a5042c7f6bd3508b20251e Mon Sep 17 00:00:00 2001
From: Jay <Jaykhatri225@gmail.com>
Date: Sun, 1 Aug 2021 13:17:21 +0530
Subject: [PATCH] Addition of hover effect

---
 rotating-nav-animation/index.html |  6 +++---
 rotating-nav-animation/style.css  | 11 +++++++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/rotating-nav-animation/index.html b/rotating-nav-animation/index.html
index 6f3b57d..98d8215 100644
--- a/rotating-nav-animation/index.html
+++ b/rotating-nav-animation/index.html
@@ -33,9 +33,9 @@
 
     <nav>
       <ul>
-        <li><i class="fas fa-home"></i> Home</li>
-        <li><i class="fas fa-user-alt"></i> About</li>
-        <li><i class="fas fa-envelope"></i> Contact</li>
+        <li><i class="fas fa-home"></i><a href="#"> Home</a></li>
+        <li><i class="fas fa-user-alt"></i><a href="#"> About</a></li>
+        <li><i class="fas fa-envelope"></i><a href="#"> Contact</a></li>
       </ul>
     </nav>
     <script src="script.js"></script>
diff --git a/rotating-nav-animation/style.css b/rotating-nav-animation/style.css
index fa1c033..c249065 100644
--- a/rotating-nav-animation/style.css
+++ b/rotating-nav-animation/style.css
@@ -110,6 +110,17 @@ nav ul li + li + li {
   transform: translateX(-200%);
 }
 
+nav a{
+  color: #fafafa;
+  text-decoration: none;
+  transition: all 0.5s;
+}
+
+nav a:hover {
+  color: #FF7979;
+  font-weight: bold;
+}
+
 .content img {
   max-width: 100%;
 }