caojiezi2003/50projects50days
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
rotating-nav-animation/index.html
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>

11
rotating-nav-animation/style.css
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%;
} }