personal site

ini codenya :-

<style>
.navi {
background: #000 ;
display: inline-block;
padding: 8px;
text-align: center;
color:#fff;
margin:1px;
font-family: arial;
font-size:8px;
cursor: pointer;
text-transform:uppercase;
border-radius: 3px;
-webkit-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
transition: all 1.0s linear;
width:50px;
}
.navi:hover {
color: #fff; opacity:1;
-webkit-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
transition: all 1.0s linear;
}
</style>
<a class="navi" href="LINK" onmouseout="this.innerHTML='1'" onmouseover="this.innerHTML='NAME'">1</a>
<a class="navi" href="LINK" onmouseout="this.innerHTML='2'" onmouseover="this.innerHTML='NAME'">2</a>
<a class="navi" href="LINK" onmouseout="this.innerHTML='2'" onmouseover="this.innerHTML='NAME'">2</a>
<a class="navi" href="LINK" onmouseout="this.innerHTML='2'" onmouseover="this.innerHTML='NAME'">2</a>
<a class="navi" href="LINK" onmouseout="this.innerHTML='2'" onmouseover="this.innerHTML='NAME'">2</a>
</div>

Post a Comment