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

Addition of hover effect

Browse Source
This commit is contained in:
Jay 2021-08-01 13:17:21 +05:30
parent 0cb9fd377d
commit e4d96f3f8a
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>
<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>

11
rotating-nav-animation/style.css
View File

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