|
Tutorial: Navigation Hover {3}
Copy this code and paste it before </style>
.three{
background:#CEF6F5;
display:inline-block;
width:110px;
text-align:center;
margin:6px;
box-shadow: inset 1px 0 0px 0 #BDBDBD;
-webkit-transition-duration: 1.0s;
border-right:1 px solid #000;
}
.three:hover{
box-shadow: inset 850px 0 0px 0 #E0F8E0;
-webkit-transition-duration: 1.0s;
}
After that copy this code and put at your navigation.
<a class="three" href="URL"title="OPTIONAL TITLE">TITLE</a><br>
<a class="three" href="URL"title="OPTIONAL TITLE">TITLE</a><br>
<a class="three" href="URL"title="OPTIONAL TITLE">TITLE</a><br>
<a class="three" href="URL"title="OPTIONAL TITLE">TITLE</a><br>
<a class="three" href="URL"title="OPTIONAL TITLE">TITLE</a><br>
pink: URL link
aqua: optional title (hover title)
green: Title
| 
