Merge pull request #73 from khatri2002/rotating-navigation-style

Addition of hover effect
This commit is contained in:
Brad Traversy 2021-08-03 15:32:44 -04:00 committed by GitHub
commit a06fa20743
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 3 deletions

View File

@ -33,9 +33,9 @@
<nav> <nav>
<ul> <ul>
<li><i class="fas fa-home"></i> Home</li> <li><i class="fas fa-home"></i><a href="#"> Home</a></li>
<li><i class="fas fa-user-alt"></i> About</li> <li><i class="fas fa-user-alt"></i><a href="#"> About</a></li>
<li><i class="fas fa-envelope"></i> Contact</li> <li><i class="fas fa-envelope"></i><a href="#"> Contact</a></li>
</ul> </ul>
</nav> </nav>
<script src="script.js"></script> <script src="script.js"></script>

View File

@ -110,6 +110,17 @@ nav ul li + li + li {
transform: translateX(-200%); transform: translateX(-200%);
} }
nav a{
color: #fafafa;
text-decoration: none;
transition: all 0.5s;
}
nav a:hover {
color: #FF7979;
font-weight: bold;
}
.content img { .content img {
max-width: 100%; max-width: 100%;
} }