Merge pull request #73 from khatri2002/rotating-navigation-style
Addition of hover effect
This commit is contained in:
commit
a06fa20743
@ -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>
|
||||||
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user